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.技术相关:

小程序开发

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值