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

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

Y2J
Freigeben: 2017-04-27 15:51:30
Original
4748 Leute haben es durchsucht

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.

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


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.

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


Importieren

WebIM.js

Anmelden
var WebIM = require('../../utils/WebIM.js')
var WebIM = WebIM.default
Nach dem Login kopieren

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)
    },
Nach dem Login kopieren

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);
    },
Nach dem Login kopieren

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
    })
Nach dem Login kopieren
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{
                        //界面不存在
                      }
                }
            }
        })
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage