关于javascript:三Uniappvue腾讯IM开发仿微信IM聊天APP支持消息收发音视频通话配置项目并实现IM登录附源码

17次阅读

共计 1392 个字符,预计需要花费 4 分钟才能阅读完成。

文章概述

后面两篇文章过来了,啥代码都没写,原本明天还是啥代码都不像写的,因为配置 Uniapp 也有不少内容,然而切实过意不去,咱明天的文章略微长一点,不仅配置好性能,还要把用户登录给实现

一、配置 Uniapp 工程

1. 申请试用

关上 uniapp 腾讯云 TXIM 原生插件地址:https://ext.dcloud.net.cn/plu… 并点击“试用”,如果您曾经创立了 APP,间接抉择对应的 APP 即可,如果未创立 APP,请点击“治理我的 APP”,创立 APP 后刷新界面再点击试用。


2. 将示例工成导入到 HBuilderX

试用胜利之后,咱们能够将 DEMO 我的项目导入到 HbuilderX,导入胜利之后就看到代码了 …


3. 配置插件

点击左侧的 ”manifest.json”,进入 ”App 启动界面配置 ”,先将图标配置一下,免得生成失败

进入“App 原生插件配置”,将无用的插件删除,而后点击“抉择云端插件”

抉择方才试用的插件,并确定,实现插件的配置

二、打包自定义基座

因为试用插件只能在自定义基座中运行,所以咱们须要来打包自定义基座。

1. 装置依赖

在打包之前,咱们须要装置依赖,这里须要开发者装置 nodejs 运行环境,以及装置 hbuilderx scss 编译插件,没有装置的开发者请依照以下链接装置对应的环境。
nodejs 官方网站:https://nodejs.org/zh-cn/
nodejs 中文网:http://nodejs.cn/
scss/sass 编译插件:https://ext.dcloud.net.cn/plu…

装置实现之后,开发者能够在 hbuilderx 中关上终端,输出以下命令实现依赖装置。


2. 制作自定义基座

因为 uniapp 框架限度问题,应用原生插件必须先打包自定义基座,而后通过自定义基座开发调试。这里咱们先演示安卓如何打包自定义基座并且应用自定义基座进行开发
(PS:IOS 操作流程统一,证书须要应用开发证书或者企业证书,不能应用公布证书)

三、配置我的项目的 AppId、密钥、用户信息

1. 配置 AppId

首先咱们须要批改来自 Demo 工程中的 SDKAppID,正如前文所说,每个 IM 利用都有其专属的 SDKAppID,那么在 demo 工程中咱们须要批改 utils/txim.js 文件此处地位

2. 配置用户信息

个别状况来说咱们是须要后端反馈用户信息的以便登录 TXIM,而测试环境下咱们须要先预置测试用户信息,以便前端的本地开发,在 demo 中咱们须要找到以下文件批改对应地位(请留神此处的 userId 为字符串,请勿提供整数)

3. 调用登录代码执行登录

咱们来看看登录的代码,当咱们点击登录的时候,咱们通过绑定点击事件获取了 userId 和 userSig 之后,咱们只须要通过执行以下代码即可登录 TXIM SDK,从而开始聊天,音讯监听等逻辑。

this.$txim.login(item.id, item.sign, async res => {if (res.code == 0) {// 登录胜利} else {// 登录失败}
 })

批改实现之后运行我的项目,成果如下:

四、我的项目开源地址及交换群

我的项目成品成果查看:请点击 [[我的项目引言]](https://segmentfault.com/a/11…)
我的项目开源地址:https://gitee.com/ckong/Zhimi…
Uniapp 开发交换群:755910061

正文完
 0