跑通 anyRTC实时消息小程序 示例代码

514 阅读2分钟

简介

ArRTM SDK for Wechat 是为了与 anyRTC 实时消息多端互通,而单独设计的一个全新 SDK,SDK 可实现如下功能:

  • 实时通信

适用于如下场景:

  • 社交沟通:1 对 1 及 1 对多线上交流。
  • 高效合作:方便企业内部快速交流,提高工作效率。
  • 技术支持:对高价值的 VIP 客户提供一对一技术支持。

示例代码

我们在 GitHub 提供了一个开源的小程序示例项目 ArRTM-Miniapp-Tutorial,参照下方步骤配置项目你可以跑通该示例 DEMO。同时我们还提供一个线上体验 DEMO,请打开微信扫码体验。

Demo体验二维码

操作步骤

1.配置项目安全域名

登录微信小程序控制台,在「开发管理」-「开发设置」下方找到「服务器域名」点击修改,分别配置 requsetsocket 的安全域名,详情见下方配置。

request 合法域名socket 合法域名
wtgw.agrtc.cnwss://node1.rtm.agrtc.cn:443
--------wss://node2.rtm.agrtc.cn:443

!> 若不配置,可以在微信开发者工具中勾选项目配置中的「不校验合法域名」选项。

2.注册开发平台并创建 App 应用

按照以下步骤,在控制台创建一个 App 项目。

  1. 登录「anyRTC 控制台」,点击「项目管理图标」进入项目管理页面。

  2. 项目管理页面,点击创建按钮。

  1. 在弹出的对话框内输入项目名称,点击提交,新建的项目就会显示在项目管理页中。

3.获取 AppID

anyRTC 会给每一个创建的项目分配一个唯一的 AppID。找到你刚创建的应用,查看并复制 AppID。

4.获取示例代码

参考如下步骤获取小程序示例项目,并将小程序 SDK 集成到示例项目中。

  • 下载或 clone ArRTM-Miniapp-Tutorial 仓库。

  • 配置开发者信息

    打开 utils/config.js 设置 APPID, 如果部署了私有云,需要设置私有云地址、端口以及是否使用HTTPS/WSS

    export default {
      APPID : "", // anyrtc官网创建的appid,非小程序appid。
      // 配置私有云服务,否则请忽略下方配置
      SERVERAdd : "wtgw.agrtc.cn",
      PORT : 443,
      WSS : true,
    };
    

5.运行示例代码