Sie erhalten ein umfassendes Verständnis des in das WeChat-Applet integrierten Huanxin SDK

In diesem Artikel wird anhand eines kleinen Beispiels einfach gezeigt, wie das Huanxin SDK zum Senden und Empfangen von Nachrichten im WeChat-Applet verwendet wird.

Nachdem Sie die Demo von der offiziellen Website heruntergeladen haben, kopieren Sie die gesamten Dateien im Verzeichnis utils in das Verzeichnis unseres eigenen Projekts.

Ersetzen Sie AppKey durch Ihre eigene Anwendung in WebIMConfig.js Die Schlüsseloberfläche besteht einfach aus einem Eingabefeld und einer Schaltfläche. Klicken Sie auf die Schaltfläche, um eine Nachricht zu senden.

Importieren

WebIM.js

Anmelden

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

SMS senden

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

Eine Nachricht empfangen

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

Um eine Nachricht zu erhalten, müssen Sie zunächst eine Rückruffunktion in

app.js

hinzufügen

app.js

Holen Sie sich die Chat-Schnittstelle

Deklarieren Sie es in der

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

app.js

onlanuch-Methode

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

Index. Die in js definierte Methode zum Empfangen von Nachrichten

Auch wenn die einfache Funktion zum Senden und Empfangen von Nachrichten implementiert ist, sind die Regeln zum Senden von Sprache und Bildern ähnlich. Die Parameter sind jedoch unterschiedlich. Sie können sich auf die Dokumentation zur Entwicklung der Nachrichtenumgebung beziehen

Das obige ist der detaillierte Inhalt vonSie erhalten ein umfassendes Verständnis des in das WeChat-Applet integrierten Huanxin SDK. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!