亮剑云商城 | 在线聊天语音功能

重磅升级

在线聊天插件使用到了微信公众号的JS-SDK的音频接口，用到了微信JS-SDK中的开始录音接口、停止录音接口、播放语音接口、停止播放接口、监听语音播放完毕接口、上传语音接口、下载语音接口，所以语音文件不会占用您的服务器资源，请放心使用。，更多详情请移步：点击前往官方演示站

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

# 第一步：安装微信盒子

微信语音接口参数Appid和AppSecret从微信盒子插件中读取，更多详情请移步微信盒子插件配置教程

# 第二步：申请认证服务号

您注册的公众号需要经过认证具有音频接口权限，推荐申请注册认证的服务，更多详情请移步微信公众号官方网站

# 第三步：设置JS安全域名

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

image-20180604115918594

# 第四步：配置appid和appsecret

菜单路径：公众号后台首页-开发-基本配置
获取APPID和APPSECRET并配置到Discuz!管理后台-应用-微信盒子-设置中

公众号APPID和APPSECRET

image-20180604120759480

# 第五步：测试

# 1.插件设置中开启接口调试模式

Discuz!管理后台-应用-在线聊天-设置-接口调试模式-选是

# 2.查看调试结果

进入在线聊天插件首页如下面截图所示提示：config:ok
则说明接口配置正确，测试成功后一定要记得再将接口调试模式选成否
不然会影响语音功能的正常使用
首页链接：http://域名/plugin.php?id=aljol

# 3.开始录音

长按下面在线聊天窗口截图中画圈的语音图标进行录音

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