ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレットに統合された Huanxin SDK を深く理解することができます。

WeChat アプレットに統合された Huanxin SDK を深く理解することができます。

Y2J
リリース: 2017-04-27 15:51:30
オリジナル
4748 人が閲覧しました

この記事では、小さな例を使用して、Huanxin SDK を使用して WeChat アプレットでメッセージを送受信する方法を簡単に説明します。

公式 Web サイトのデモをダウンロードした後、utils ディレクトリ ファイル全体を独自のプロジェクトのディレクトリにコピーします。

WeChat アプレットに統合された Huanxin SDK を深く理解することができます。


AppKeyWebIMConfig.jsの独自のアプリケーションのキーに置き換えます

インターフェイスは、メッセージを送信するためのボタンをクリックするだけで構成されています。

WeChat アプレットに統合された Huanxin 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);
    },
ログイン後にコピー

メッセージを受信する

メッセージを受信するには、まずアプリにコールバック関数を追加する必要があります。 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);
    },
ログイン後にコピー

単純なメッセージの送受信であっても機能が実装されているので、送信します。音声と画像のルールは似ていますが、パラメーターは異なります。メッセージングの開発ドキュメントを参照してください

以上がWeChat アプレットに統合された Huanxin SDK を深く理解することができます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート