小程序引入及初始化

功能说明

支持账户注册登录 支持 IM 基本功能收发文本、图片、语音、视频、音频、文件、透传、扩展消息等 支持 群组聊天室功能 支持个人设置

开发者集成

1. 调用示例

//使用示例
import { IMConfig } from "./static/config";
import { connection } from "./sdk/connection";
var IM = connection.getInstance(IMConfig.server);

2. 设置全局实例 app.js

App({
    IM:IM,
    ....
})

3. 其它页面调用

const app = getApp()
Page({
    getChats:function(){
        var _chats = app.IM.listChat();
    }
})

Demo目录说明

目录 说明
components 控件
- common 通用控件
- dialogue-input 输入框
- msg-custom 自定义消息
view 页面目录
- chat 聊天目录
- common 通用目录 ,控件
- contact 通讯录
- friend 好友目录
- group 群组相关目录
- login 登录页
- me 个人设置目录
static 静态目录 , img,css
sdk JSSDK文件目录
utils Vue扩展目录
- mixin 全局混入类,支持自动登录
- utils.js 辅助类,如日期,文件大小的表达类
main.js 入口文件

配置服务器及相关

/**
 * 即时通讯配置定义
 */
var IMConfig = {
    sdk:{
        /** 即时通讯服务器地址*/
        "ws_server":" ws://192.168.1.65:5670",       // ws://192.168.1.146:5670
        "api_server":"http://192.168.1.65:8001",    // http://192.168.1.146:8001  
        "file_server":"http://192.168.1.65:8001",    // http://192.168.1.146:8001  
        "platform":"web", // mobile,pc,web,wx(微信)
        "corpname": 'default',
        "auto_reconn":1, //是否自动重连
        "time_reconn":20*1000,
        "time_ccl":20*1000
    },
    ui:{
        "show_header":true,         /*是否显示头*/
        "show_footer":true ,          /*是否显示TAB*/
        "show_search":true ,          /*是否显示TAB*/
        "uri_login":"/login/",      /*登录的地址*/
        "uri_home":"/chat/",          /*主页地址*/
        "uri_dialogue":"/chat/dialogue",  /*对话界面地址*/
    }
};

搭建环境

    1. 安装小程序开发环境*

小程序真机发布安全要求比较高,需要 Websocket是 wss,Http服务器是 https.

    1. 配置消息服务器地址*

打开 static/config.js,配置自己服务器的地址

    1. 打开小程序DEMO,运行*

results matching ""

    No results matching ""