小程序引入及初始化
功能说明
支持账户注册登录 支持 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", /*对话界面地址*/
}
};
搭建环境
- 安装小程序开发环境*
小程序真机发布安全要求比较高，需要 Websocket是 wss，Http服务器是 https.
- 配置消息服务器地址*
打开 static/config.js,配置自己服务器的地址
- 打开小程序DEMO，运行*