Vous amène à avoir une compréhension approfondie du SDK Huanxin intégré à l'applet WeChat

Cet article utilise un petit exemple pour montrer simplement comment utiliser le SDK Huanxin pour envoyer et recevoir des messages dans l'applet WeChat.

Après avoir téléchargé la démo depuis le site officiel, copiez l'intégralité des fichiers du répertoire utils dans le répertoire de notre propre projet.

Remplacez AppKey par votre propre application dans WebIMConfig.js Le L'interface key

est simplement composée d'une zone de saisie et d'un bouton Cliquez sur le bouton pour envoyer un message.

ImporterWebIM.js

var WebIM = require('../../utils/WebIM.js')
var WebIM = WebIM.default

Connexion

hxloign: function () {
        var options = {
            apiUrl: WebIM.config.apiURL,
            user: 'u1',
            pwd: 'p1',
            grant_type: 'password',
            appKey: WebIM.config.appkey //应用key
        }
        WebIM.conn.open(options)
    },

Envoyer un message texte

 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);
    },

Recevoir un message

Pour recevoir un message, vous devez d'abord ajouter une fonction de rappel dans app.js

app.jsObtenir l'interface de chat

  getRoomPage: function () {
        return this.getPage("pages/index/index")//聊天界面
    },
   getPage: function (pageName) {
        var pages = getCurrentPages()
        return pages.find(function (page) {
            return page.__route__ == pageName
    })

Déclarez-le dans la app.jsméthode onlanuch

   var that = this;
        WebIM.conn.listen({
            onTextMessage: function (message) {
                var page = that.getRoomPage()
                if (message) {
                    if (page) {
                        page.receiveMsg(message, 'txt')//receiveMsg方法就是咱在自己界面定义的方法
                     }else{
                        //界面不存在
                      }
                }
            }
        })

index. La méthode de réception des messages définie dans js

receiveMsg: function (msg, type) {
        console.log(msg);
    },

Même si la simple fonction d'envoi et de réception de messages est implémentée, les règles d'envoi de voix et d'images sont similaires, mais les paramètres sont différents. Vous pouvez vous référer au développement de l'environnement de message

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!