微信小程序集成环信软件开发工具包(软件开发工具包)

分享者：mirrorZyb，来自原文地址本文以一个小例子简单的演示在微信小程序中使用环信软件开发工具包(软件开发工具包)收发消息。

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

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

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

导入WebIM.js

var WebIM=require('././utils/WebIM。js’)var WebIM=WebIM。默认

登陆

hxloign : function(){ var options={ apirl : WebIM。配置。apirl，user: 'u1 '，pwd: 'p1 '，grant_type: 'password '，appkey : WebIM。配置。appkey//应用key } WebIM.conn.open(options) }，

发送文本消息

发送消息： function(){ var那=这个var id=webim。conn . getuniqueid()；var msg=new WebIM.message('txt '，id)；味精。设置({ msg : this。数据。输入值，//输入框的文本to: 'u0 '，roomType: false，成功：函数(id，serverMsgId){ })；味精。尸体。Chatype=' SingleChatwebim。发送(消息。身体)；},

接收消息

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

app.js获取聊天界面

getRoomPage:函数(){返回这个。getpage(' pages/index/index ')//聊天界面}，getpage :函数(页名){ var pages=getCurrentPages()返回页。查找(函数(页面){返回页面.__route__==pageName })在app.jsonlanuch方法中进行声明

变量=这个；webim。conn . listen({ ontextmessages : function(message){ var page=that。getroom page()if(message){ if(page){ page。接收消息(消息，' txt ')//接收消息方法就是咱在自己界面定义的方法}else{ //界面不存在} } } })index.js中定义的接收消息的方法

接收器g:函数（消息，类型){ console.log(消息);},到此简单的收发消息功能就算实现了，发送语音图片规则都差不多，只不过参数不一样，可以参考消息环信开发文档