E聊SDK-简介(8): 从源码编译微信小程序项目

1.说明：

教程属于官方E聊SDK-简介(8)
进入官网
进入管理台
SDK版本:v1.02
技术交流QQ群: 471688937

2.小程序客户端简介：

E聊SDK提供了一个基本的微信小程序客户端Demo源码，通过编译该客户端，可以接入E聊服务器，实现单聊/群聊等功能。移动客户端使用JavaScript 技术开发，适配了微信小程序平台。

3.操作步骤:

3.1 下载echatim-client-ts-core v1.02 源码, 编译出核心SDK

E聊的微信小程序客户端依赖客户端核心SDK源码, 放置在SDK客户端核心源码内，故要先下载Web源码编译出适合E聊微信小程序的echatim-sdk.js

git clone https://gitee.com/dzqmeiji/echatim-client-ts-core.git
cd echatim-client-ts-core/
git checkout -b v1.02 v1.02
yarn wxlib # 编译出核心SDK到 dist/echatim-sdk.js

3.2 下载小程序 Release v1.02 源码, 安装相关依赖

git clone https://gitee.com/dzqmeiji/echatim-client-wx.git
cd echatim-client-wx/
git checkout -b v1.02 v1.02
# 把步骤3.1编译出来的echatim-sdk.js 替换工程源码utils目录下的echatim-sdk.js 文件
# 使用"微信开发者工具"打开工程

3.3 编辑客户端连接配置

//      src/AppInitializer.ts 文件内容
  sdkConfig.host = 'api.echat.work';
  sdkConfig.httpPort = 58082; //使用线上默认配置
  sdkConfig.socketPort = 59092; //使用线上默认配置
  sdkConfig.key = '修改这一项为自己的AppKey;
  sdkConfig.secret = ''; // 这是保留配置, 不需要更改

3.4 启动小程序客户端

1. 修改 project.config.json 中appid 的配置项为自己的小程序id, 并在设置->项目设置中允许"不检验合法域名"选项.
2. 点"微信开发者工具“上的”编译“按钮，或直接 control+R.

登录页

主界面

4.总结:

小程序客户端提供了一个基础的演示Demo, 您可以在此演示Demo的基础上实现定制开发，也可以不使用小程序Demo, 根据自己项目的技术栈在sdk核心库的基础上作更深入的定制开发。

5.技术相关:

小程序开发