php 微信小程序sdk,带你深入了解微信小程序集成环信SDK

本文以一个小例子简单的演示在微信小程序中使用环信SDK收发消息。

官网demo 下载后把整个utils目录下的文件复制到咱自己工程的目录下。

在WebIMConfig.js中将AppKey替换成自己应用的key

界面简单的用一个输入框和一个按钮组成，点击按钮发送消息。

导入WebIM.jsvar WebIM = require('../../utils/WebIM.js')

var WebIM = WebIM.default

登陆hxloign: function () {

var options = {

apiUrl: WebIM.config.apiURL,

user: 'u1',

pwd: 'p1',

grant_type: 'password',

appKey: WebIM.config.appkey //应用key

}

WebIM.conn.open(options)

},

发送文本消息sendMessage: function () {

var that = this

var id = WebIM.conn.getUniqueId();

var msg = new WebIM.message('txt', id);

msg.set({

msg: this.data.inputValue,//输入框的文本

to: 'u0',

roomType: false,

success: function (id, serverMsgId) {

}

});

msg.body.chatType = 'singleChat';

WebIM.conn.send(msg.body);

},

接收消息

接收消息要先在app.js中添加回调函数

app.js获取聊天界面getRoomPage: function () {

return this.getPage("pages/index/index")//聊天界面

},

getPage: function (pageName) {

var pages = getCurrentPages()

return pages.find(function (page) {

return page.__route__ == pageName

})

在app.jsonlanuch方法中进行声明var that = this;

WebIM.conn.listen({

onTextMessage: function (message) {

var page = that.getRoomPage()

if (message) {

if (page) {

page.receiveMsg(message, 'txt')//receiveMsg方法就是咱在自己界面定义的方法

}else{

//界面不存在

}

}

}

})

index.js中定义的接收消息的方法receiveMsg: function (msg, type) {

console.log(msg);

},

到此简单的收发消息功能就算实现了，发送语音图片规则都差不多，只不过参数不一样，可以参考消息 环信开发文档