手揣网教程:绿色安全纯净官方版,体验当今速度最快的浏览器!

带你深入知道微信小程序集成环信SDK

时间:2024/4/6作者:未知来源:手揣网教程人气:

[摘要]本文以一个小例子简单的演示在微信小程序中使用环信SDK收发消息。官网demo 下载后把整个utils目录下的文件复制到咱自己工程的目录下。在WebIMConfig.js中将AppKey替换成自己应用...

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

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

带你深入知道微信小程序集成环信SDK


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

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

带你深入知道微信小程序集成环信SDK


导入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的详细内容,更多请关注php中文网其它相关文章!


小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。



关键词:带你深入知道微信小程序集成环信SDK




Copyright © 2012-2018 手揣网教程(http://www.shouchuai.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版