Skip to content

Latest commit

 

History

History
105 lines (72 loc) · 6.31 KB

README.md

File metadata and controls

105 lines (72 loc) · 6.31 KB

野火uni-app demo

支持 Android、iOS 和 HarmonyOS 端

HarmonyOS 特别说明

  1. Android、iOS 端,是免费的,可直接使用,可连接到自行部署的im-server
  2. 野火IM 鸿蒙 SDK 是需要付费的,鸿蒙 5.0 上,默认只能连到官方服务,需要申请试用才能连到自行部署的im-server
  3. 申请试用,具体请看 试用

关于音视频通话功能的重要说明

  1. HarmonyOS 平台上,暂不支持音视频通话,未来将提供 uts 插件方案的音视频通话能力
  2. Android、iOS 平台,支持音视频通话,但是是基于原生语言插件实现的,并且有两种方案
    1. 对应的插件是野火实时音视频RTC插件(原生UI), 使用原生UI,就是把Android平台和iOS平台的音视频SDK和UI代码全都集成到uni-chat项目中。这种方案的问题是引入的无关代码太多,且原生UI无法修改,跟uniapp互通也很不方便,不利于二次开发。
    2. 对应的插件是野火实时音视频RTC插件, 是使用原生的音视频SDK,但UI层使用nvue编写,UI和SDK使用uniapp插件的方式沟通。这种方案引入的SDK比较小,且修改方便,有利于大家做自定义相关 UI。
  3. 默认附带免费版本音视频,关于野火音视频可以参考野火音视频使用说明野火音视频简介。 如果需要使用音视频高级版,请参考音视频高级版切换方法

** 自 2023-11-29 起,uni-chat 将音视频通话方案切换到方案 2,方案1 相关的代码,保留到native-rtc-ui分支 **

配置

  1. 野火IM uts插件 已包含在项目,一般不用特殊处理
  2. 插件市场搜索野火实时音视频RTC插件 ,并购买(插件是免费的!)
  3. HBuilderX 原生插件配置,选择云端插件,并选中购买的野火插件
  4. 如果使用野火官方服务,直接编译运行即可。如果使用自己私有部署IM服务,需要在config.js配置应用服务地址和IM服务地址。修改如下配置:
    // 下面两个配置都要一起修复,否则登录进去之后,会马上退回登录界面
    //应用服务地址
    static APP_SERVER = 'http//wildfirechat.net:8888';
    
    //IM 服务Host,不能包含 http 前缀或者端口,不支持设置端口,端口是写死的 80
    static IM_SERVER_HOST = 'wildfirechat.net';
    

运行

  1. 运行npm install命令
  2. HBuilderX 制作自定义基座,可参考什么是自定义调试基座及使用说明
  3. HBuilderX,运行基座选择:自定义调试基座
  4. HBuilderX,运行到 Android App 基座、iOS App 基座 或 鸿蒙

如果没有制作并运行到自定义基座,那么野火原生插件就没有集成进去,将无法使用野火原生插件,界面会显示白屏。所以一定要严格阿照上述步骤执行。

部署服务端

本应用默认连接野火官方服务。私有化部署服务,请按照 服务器快速部署 来部署服务到您自己的服务器。

野火IM插件使用说明

有2种插件的使用方法,一种是基于野火提供的Demo直接进行二次开发;另外一种是把野火插件放到现有项目中。

集成到现有项目

  1. 下载野火IM uts插件,并导入到项目中。
  2. 把野火UniApp平台的demo中的wfc目录和配置文件config.js拷贝到现有工程中。
  3. 配置config.js中的IM服务和应用服务地址。
  4. 调用接口类wfc.js来使用野火插件。

源码地址

  1. Android 和 iOS uts 插件源码在uni-wfc-client 项目 uts 分支
  2. 本 demo 源码在demo源码工程

技术支持

如果遇到问题,可以去插件源码工程或者demo源码工程提issue,也可以去野火论坛发帖子问题,我们会尽快回复。谢谢大家的支持。

抓取原生插件的日志

  1. Android端,可以通过adb logcat > wfc.log进行抓去日志,如果提示找不到adb命令,请参考 这儿
  2. iOS端,请连接Xcode抓取
  3. HarmonyOs,请使用hdcDevEco Studio抓取

常见问题说明

  1. 如果希望普通电话,能打断音视频通话,则需要在package.json里面,添加如下权限声明:

       <uses-permission android:name="android.permission.PROCESS_OUTGOING_CALLS" />
  2. 如何集成推送功能

    1. HBuilder X里面选中manifest.json,然后选中Push-> uniPush 1.0
    2. 参考uni-push v1,并进行相关配置
    3. 编译、配置、部署 push server
    4. App.vue 里面会调用plus.push.getClientInfoAsync获取推送相关的clientId,可以使用该clientIduni-push后台测试推送功能。
    5. 当设备不在线时,im-server会调用push-server,然后push-server调用个推进行推送
  3. 打包失败:请确认是否执行过npm install命令。

  4. iPhone上打开会话页面报错SyntaxError: Invalid regular expression: invalid group specifier name __ERROR

    anchorme只能使用2.1.2版本,不支持3.x版本,可参数这个issue

应用截图

会话列表 会话列表

联系人列表 联系人列表

会话界面 会话界面

用户详情界面 用户详情界面