UniApp平台移动端应用(使用原生插件)

imndx e1613b550d 更新未读数标识 2 éve
api fe93af438c 更新群公告相关逻辑 2 éve
assets 5eb0971614 删除重复资源 2 éve
common 483fbdd866 删除无用代码 2 éve
components 18f8996634 更新会话列表页面,右上角加号菜单,显示隐藏逻辑 2 éve
emoji c6da3a85d3 文本消息,禁止解析 emoji shortcodes 2 éve
pages e1613b550d 更新未读数标识 2 éve
screenshots dc35c1ee35 update 3 éve
static 4b8604e4b3 sync with uni-h5-chat 2 éve
vendor 82ebde4467 uni chat code 3 éve
wfc 6bd2cf58b6 优化搜索页面,支持单独搜索新朋友等 2 éve
.gitignore f16ac358e8 移除本地原生插件,使用云端插件 3 éve
App.vue f8b2d03279 refactor 2 éve
LICENSE aad429e3c5 Initial commit 3 éve
README.md 2a4af8352e 修改readme 2 éve
config.js 9ff2b5b696 更新注释 2 éve
global.css bdc51cc964 remove unused code 3 éve
main.js c8e8ab9b23 refactor 2 éve
manifest.json 78bacbdd80 ios camera权限 2 éve
package-lock.json 712433a9f1 remove unused code 3 éve
package.json 712433a9f1 remove unused code 3 éve
pages.json 50c145bbbe 搜索结果页面,兼容h5 2 éve
store.js c6da3a85d3 文本消息,禁止解析 emoji shortcodes 2 éve
uni.scss 08b5ebc32d update style 3 éve
vue.config.js 82ebde4467 uni chat code 3 éve
wfc.css 82ebde4467 uni chat code 3 éve

README.md

野火UniApp平台Demo

支持Android和iOS端,使用了野火UniApp原生插件(在UniApp的插件市场搜索“野火IM原生插件”)。

部署服务端

本应用默认连接野火官方服务,也可以自己部署服务。如果想要私有部署服务,请按照 服务器快速部署 来部署服务到您自己的服务器。

配置

  1. 插件市场搜索野火即时通讯IM原生插件野火实时音视频RTC原生插件 ,并购买(插件是免费的!)
  2. HBuilderX 原生插件配置,选择云端插件,并选中购买的野火插件
  3. 如果使用野火官方服务,直接编译运行即可。如果使用自己私有部署IM服务,需要在config.js配置应用服务地址和IM服务地址。修改如下配置:

    // 下面两个配置都要一起修复,否则登录进去之后,会马上退回登录界面
    //应用服务地址
    static APP_SERVER = 'http//wildfirechat.net:8888';
    
    //IM 服务Host,不能包含 http 前缀或者端口
    static IM_SERVER_HOST = 'wildfirechat.net';
    

运行

  1. 运行npm install命令
  2. HBuilderX 制作自定义基座,可参考什么是自定义调试基座及使用说明
  3. HBuilderX,运行基座选择:自定义调试基座
  4. HBuilderX,运行到 Android App 基座 或 iOS App 基座 > 如果没有制作并运行到自定义基座,那么野火原生插件就没有集成进去,将无法使用野火原生插件,界面会显示白屏。所以一定要严格阿照上述步骤执行。

移植到其它应用

如果要在现有项目中使用野火原生插件,需要把wfc目录和config.js配置文件一同拷贝到现有项目,然后添加野火UniApp原生插件。现有项目使用wfc目录下的wfc.js接口文件。

抓取原生插件的日志

  1. 2. ```iOS```端,请连接```Xcode```抓取
    
    ## 常见问题说明
    
    1. 如果希望普通电话,能打断音视频通话,则需要在`package.json`里面,添加如下权限声明:
    

    xml ```

    1. 如何集成推送功能
    2. HBuilder X里面选中manifest.json,然后选中Push-> uniPush 1.0
    3. 参考uni-push v1,并进行相关配置
    4. 编译、配置、部署 push server getui 分支
    5. App.vue 里面会调用plus.push.getClientInfoAsync获取推送相关的clientId,可以使用该clientIduni-push后台测试推送功能。
    6. 当设备不在线时,im-server会调用push-server,然后push-server调用个推进行推送

    7. 打包失败:请确认是否执行过npm install命令。

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

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

    应用截图

    会话列表 会话列表

    联系人列表 联系人列表

    会话界面 会话界面

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