文章目录
一、登录微信公众平台,配置合法域名
1、填写: request 合法域名:https://apichat.polyv.net
2、填写: socket 合法域名:wss://chat.polyv.net
3、操作截图:
二、POLYV小程序聊天室SDK调用
1、POLYV小程序聊天室SDK下载
2、压缩包解压缩后,在项目目录中.js文件中引入polyvSocket.js
小程序项目生成不同类型的文件:
.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件
(1)socket聊天室插件引用示例
//引入socket插件
const polyvSocket = require('polyvSocket.js');
//获取微信昵称、头像图片,openID等用户信息后嵌入聊天室
/*示例用户信息*/
var user = ["nickName","http://livestatic.videocc.net/v_84/assets/wimages/missing_face.png",13478930214];
var vid = "126076";//频道号
/*设置socket连接信息回调*/
polyvSocket.onMessage(function (type, data) {
/*参数说明*/
//type 信息类型,如getHistory 获取回看信息
//data 数据体
}
/*登录聊天室*/
polyvSocket.loginRoom(vid, user, function (type, data) {
//登录成功回调
});
(2)插件接口详解
接口名 | 参数 | 说明 | 备注 |
---|---|---|---|
loginRoom | roomId, user, callback | 登录聊天室 | |
sendMsg | msg | 聊天信息发送 | |
onMessage | Callback(type,data) | 聊天信息接收 | |
getHistoryContent | / | 获取历史聊天信息 | |
prettyTime | time | 时间格式化 | |
leavePage | / | 聊天室离开 |
(3)socket聊天室事件调用
登录聊天室 loginRoom
var vid = "126076";
var user= ["nickName","http://livestatic.videocc.net/v_84/assets/wimages/missing_face.png",13478930214];//学员信息昵称,头像,openID
polyvSocket.loginRoom(vid, user, function (type, data) {
//登录成功回调
});
聊天信息发送 sendMsg
polyvSocket.sendMsg("这是第一条发送的聊天信息");
聊天信息接收 onMessage
polyvSocket.onMessage(function (type, data) {
//聊天信息接收
});
消息类型
类型 type | 数据 data | 说明 |
---|---|---|
LOGIN | / | 登录成功 |
GETHISTORY | [{class:"clearfix right",content:"明年",showTime:"9小时前",time:1510160275411},user:{clientIp:"",nick:"tom",pic:""..}] | 历史聊天信息 |
SPEAK | {EVENT:"SPEAK",content:"ad",id:"8d6b9160-c4f8-11e7-b7d0-0b202d613fb3",showTime:undefined,time:1510195746166,user:{clientIp:"",nick:"tom",pic:""..}} | 发言 |
获取历史聊天信息 getHistoryContent
//执行该接口,如上回调GETHISTORY聊天信息
polyvSocket.getHistoryContent();
时间格式化 prettyTime
//换算为36秒前等显示格式
polyvSocket.prettyTime(1510195746166);
聊天室离开 leavePage
//关闭页面时断开socket连接
polyvSocket.leavePage();