阜阳网站建设,专业网站制作,微信公众号建设,小程序开发制作公司就选讯拓互联网,一家专注网站优化和微营销的网络公司

微信小程序集成环信SDK

2020-05-20 05:38



分享者:mirrorZyb,来自原文本文以一个小例子简单的演示在微信小程序中利用环信SDK收发消息。阜阳小程序制作专注于面向微信小程序、百度小程序(智能小程序)、支付宝小程序、今日头条小程序、QQ轻应用(即QQ小程序)、抖音小程序、快应用(手机厂商基于硬件平台共同推出的新型应用)等小程序开发者与用户提供小程序相关开发技术、制作案例、渠道分发、流量变现、行业资讯等信息的发布与传播服务。官网demo下载后把全部utils目录下的文件复制到咱自己工程的目录下。在WebIMConfig.js中将AppKey调换成自己利用的key ..
分享者:mirrorZyb,来自原文
本文以一个小例子简单的演示在微信小程序中利用环信SDK收发消息。阜阳小程序开发集小程序开发、制作、分发、推广、交易、行业资讯等服务于一体的综合门户网站。
官网demo 下载后把全部utils目录下的文件复制到咱自己工程的目录下。阜阳小程序开发集小程序开发、制作、分发、推广、交易、行业资讯等服务于一体的综合门户网站。阜阳小程序制作专注于面向微信小程序、百度小程序(智能小程序)、支付宝小程序、今日头条小程序、QQ轻应用(即QQ小程序)、抖音小程序、快应用(手机厂商基于硬件平台共同推出的新型应用)等小程序开发者与用户提供小程序相关开发技术、制作案例、渠道分发、流量变现、行业资讯等信息的发布与传播服务。
在WebIMConfig.js中将AppKey调换成自己利用的key
界面简单的用一个输入框跟一个按钮组成,点击按钮发送消息。阜阳小程序制作专注于面向微信小程序、百度小程序(智能小程序)、支付宝小程序、今日头条小程序、QQ轻应用(即QQ小程序)、抖音小程序、快应用(手机厂商基于硬件平台共同推出的新型应用)等小程序开发者与用户提供小程序相关开发技术、制作案例、渠道分发、流量变现、行业资讯等信息的发布与传播服务。
导入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获取聊天界面
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);},
到此简单的收发消息功能就算实现了,发送语音图片规矩都差未几,只不过参数不一样,可能参考消息 环信开发文档
上一篇:微信小程序门店功能使用指南 返回列表 下一篇:没有了
首页
电话
短信
联系