WeChat 애플릿 통합 Huanxin SDK에 대해 심층적으로 이해하세요.

이 기사에서는 작은 예를 사용하여 Huanxin SDK를 사용하여 WeChat 애플릿에서 메시지를 보내고 받는 방법을 간단하게 보여줍니다.

공식 웹사이트에서 데모를 다운로드한 후 utils 디렉토리에 있는 전체 파일을 자체 프로젝트 디렉토리에 복사합니다.

AppKey를 WebIMConfig.js에서 자신의 애플리케이션으로 바꾸세요. 키

인터페이스는 간단히 입력 상자와 버튼으로 구성되어 있습니다. 버튼을 클릭하면 메시지가 전송됩니다.

가져오기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);
    },

메시지를 주고받는 간단한 기능을 구현하더라도 음성과 그림을 보내는 규칙은 비슷하지만 매개변수가 다릅니다. 메시지 개발 문서

위 내용은 WeChat 애플릿 통합 Huanxin SDK에 대해 심층적으로 이해하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!