跳转至

在线聊天语音功能配置教程

在线聊天插件使用到了微信公众号的JS-SDK的音频接口,用到了微信JS-SDK中的开始录音接口、停止录音接口、播放语音接口、停止播放接口、监听语音播放完毕接口、上传语音接口、下载语音接口,所以语音文件不会占用您的服务器资源,请放心使用。

前五步是语音聊天功能的配置教程,从第六步开始加入一些获取在线聊天入口以及各种类型URL链接的技巧,以方便大家直接放在公众号或第三方应用中使用

第一步:安装微信盒子

微信语音接口参数Appid和AppSecret从微信盒子插件中读取,请先安装此插件。

安装地址:https://addon.liangjianyun.com/aljwsq/

第二步:申请认证服务号

您注册的公众号需要经过认证具有音频接口权限,推荐申请注册认证的服务

申请入口:https://mp.weixin.qq.com/

第三步:设置JS安全域名

参考下面截图,找到设置-公众号设置-功能设置

image-20180604115918594

第四步:配置appid和appsecret

菜单路径:公众号后台首页-开发-基本配置

获取APPID和APPSECRET并配置到Discuz!管理后台-应用-微信盒子-设置中

公众号APPID和APPSECRET

image-20180604120759480

第五步:测试

  • 插件设置中开启接口调试模式Discuz!管理后台-应用-在线聊天-设置-接口调试模式-选是
  • 进入在线聊天插件首页如下面截图所示提示config:ok的话则说明接口配置正确,测试成功后一定要记得再将接口调试模式选成否,不然会影响语音功能的正常使用首页链接:http://域名/plugin.php?id=aljol
  • 长按下面在线聊天窗口截图中画圈的语音图标进行录音

image-20180612191346244

image-20180612192117631

第六步:获取聊天入口链接

与某个用户聊天链接中的friendid=64588中的64588是论坛用户的UID,有一个这样的应用场景,你想要在公众号的菜单中挂一个客服链接,方便用户咨询一些问题,你就可以将friendid改为你想要让哪个账号当客服的UID即可,比如你想要让创始人账号,也就是UID为1的这个账号当客服就把链接上的friendid改为1即可,可以参考下面的截图画红框的部分,参照下我们的做法

  • 首页入口:http://您的域名/plugin.php?id=aljol
  • 与某个用户聊天:http://您的域名/plugin.php?id=aljol&act=talk&friendid=64588

image-20180629113109396

第七步:联系客服

我们为品牌商家用户专门组建了一个微信群以保证「All in 品牌商家」战略的落地,您可以添加亮剑客服微信17191093889,客服会邀请您进群。

wechat