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.echatim.cn';
  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.技術相關:

小程序開發