分享者:mirrorZyb,来自原文地址
官网demo 下载后把整个utils目录下的文件复制到咱自己工程的目录下。 在WebIMConfig.js中将AppKey替换成自己应用的key 界面简单的用一个输入框和一个按钮组成,点击按钮发送消息。 导入WebIM.js var 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); }, 到此简单的收发消息功能就算实现了,发送语音图片规则都差不多,只不过参数不一样,可以参考消息 环信开发文档 |
微信小程序集成环信SDK
发布:2018-04-12 10:55浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08