微信小程序接入云信

微信小程序 Demo 介绍

环信准备了微信小程序 Demo，该 Demo 基于 Web IM SDK，并在其基础之上进行了修改。如果您想在您的微信小程序中添加即时通讯的功能，可以参考以下方式集成。 

小程序运行效果

 

Demo源码下载

GitHub下载地址：https://github.com/easemob/webim-weixin-xcx.git 

或者，执行如下命令： 

git clone https://github.com/easemob/webim-weixin-xcx.git

安装IDE

进入微信公众平台的官网下载“开发者工具”，并安装。目前支持 windows 64、windows 32、mac 版本。

• 微信开发者文档：https://mp.weixin.qq.com/debug ... .html
• “开发者工具”下载地址：https://mp.weixin.qq.com/debug ... 01715

 配置服务器地址

登录微信小程序账户，配置以下服务器地址：

• request合法域名 https://a1.easemob.com
• socket合法域名 wss://im-api.easemob.com
• uploadFile合法域名 https://a1.easemob.com

使用微信小程序 Demo

使用“微信web开发者工具”打开微信小程序 Demo，步骤如下：

1. 打开“微信web开发者工具”，使用微信扫一扫授权登录。
2. 选择“本地小程序项目 → 添加项目”。
3. 填写AppID、项目名称（自定义）、项目目录（本地代码路径），并点击“添加项目”。

进入“微信小程序Demo”项目后，可以对项目进行编辑、调试。 

 

 

接下来着重说一下如何把demo替换成自己申请的appkey

1，在云信的后台申请好对应的appkey之后，打开项目，如图所示，进入config/envConfig.js配置文件

2，envir = ‘online’ 是选择线上环境还是测试环境，改变对应的appkey，这里需要特别注意的就是，如果在后台没有配置订阅权限，那么需要在当前js配置文件中将

// 是否开启订阅服务

ENVIRONMENT_CONFIG.openSubscription改为false

否则则会报出异常socket连接不正常