uni-app技术分享| 怎么用uni-app实现呼叫邀请

一、前提准备

1. 创建 uniapp 项目
2. 前往 uniapp 插件市场搜索 anyRTC 实时消息 SDK 插件
3. 因为呼叫邀请一般都配合音视频一起，所以建议大家使用使用云打包（本项目使用云打包）
4. 项目导入后必须进入 manifest.json 的 App原生插件中添加云端插件
5. 重点：添加完插件后必须制作自定义基座在真机上使用自定义基座运行

可参考类似的示例步骤 anyRTC 音视频 uni 插件集成步骤

二、开发

1. 开发思路

• 呼叫邀请需要全局监听，可自行封装成 js 哪里需要哪里调。 (因为要全局使用，实时消息以及呼叫邀请不要使用原生子窗体)

• 呼叫邀请仅初始化一次，不进行销毁。可把实例初始化放到 app.vue的 onLaunch的方法中

2.开发

• 在根目录下创建 until/rtm.js 、until/config.js等文件

• config 文件中设置 anyRTC 所需的基本信息

  ...
  RTM_APPID: "", // RTM 应用ID
  uid: "123", // 本地用户标识（自定义，符合 anyRTC 需求即可）
  

• 封装 rtm.js。

  • 引入、使用插件

    //引入 config 配置
    import Config from "./config.js";
    Config.RTM_APPID
    // rtm 实时消息插件引入
    const rtmModule = uni.requireNativePlugin('AR-RtmModule');
    

  • 封装呼叫邀请

    // rtm 实时消息封装
    const RTM = {
           
    	// 初始化
    	init: async () => {
           
    		// 初始化回调
    		await rtmModule.setCallBack(res => {
           
    			RTM.callBack(res)
    		})
    		// 初始化实例
    		await rtmModule.createInstance({
           
    			"appId": Config.RTM_APPID
    		}, res => {
           
    			console.log(res);
    		})
    		// 登录 RTM 系统
    		await rtmModule.login