微信小程序接入云信

时间:2024-04-03 18:33:37

微信小程序 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 版本。

 配置服务器地址

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

使用微信小程序 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连接不正常