> 위챗 애플릿 > 미니 프로그램 개발 > WeChat 애플릿 통합 Huanxin SDK에 대해 심층적으로 이해하세요.

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

Y2J
풀어 주다: 2017-04-27 15:51:30
원래의
4748명이 탐색했습니다.

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

공식 웹사이트에서 데모를 다운로드한 후 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);
    },
로그인 후 복사

메시지 받기

메시지를 받으려면 먼저 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿