分享者：mirrorZyb，来自原文本文以一个小例子简单的演示在微信小程序(procedure)中使用环信SDK收发消息。官网demo下载后把整个utils目录下的文件复制到咱自己工程的目录下。在WebIMConfig。js中将AppKey替换成自己应用的key 。。
分享者：mirrorZyb，来自原文
本文以一个小例子简单的演示在微信小程序(procedure)中使用环信SDK收发消息。
官网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 = thisvar 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获取(obtain)聊天界面
getRoomPage: function () {return this。getPage("pages/index/index")//聊天界面},getPage: function (pageName) {var pages = getCurrentPages()return pages。find(function (page) {return page。__rOUT(出局）e__ == pageName})
在app。jsonlanuch方法中进行声明
var that = this;WebIM。
宁波小程序开发对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。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。宁波小程序开发对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。log(msg);},
到此简单的收发消息功能就算实现了，发送语音图片规则都差不多，只不过参数(parameter)不一样，可以参考消息 环信开发文档
