文章概述前两篇已经过了,没了代码已经写好了。本来今天就不写代码了,因为配置Uniapp的内容很多,但是真的不好意思,我们今天的文章有点长,不仅配置了功能,还要实现用户登录。一、配置Uniapp项目1、申请试用打开uniapp腾讯云TXIM原生插件地址:https://ext.dcloud.net.cn/plu...,点击“试用”。如果您已经创建了APP,直接选择对应的APP即可。如果您还没有创建APP,请点击“管理我的APP”。创建好APP后,刷新界面,点击试用。2、将demo工程导入到HBuilderX中试用成功后,我们就可以将DEMO工程导入到HbuilderX中了。导入成功后,我们会看到代码...3.配置插件点击左侧“manifest.json”进入“App启动界面配置”,先配置图标避免生成失败,进入“App原生插件配置”,删除无用的插件,然后点击“选择云插件”,选择您刚刚试用的插件,确认完成插件配置。2.打包自定义dock由于试用插件只能在自定义dock中工作,所以我们需要打包自定义dock。1.安装依赖在打包之前,我们需要安装依赖。这里开发者需要安装nodejs运行环境和hbuilderxscss编译插件。还没有安装的开发者,请点击下方链接安装相应的环境。nodejs官网:https://nodejs.org/zh-cn/nodejs中文网址:http://nodejs.cn/scss/sass编译插件:https://ext.dcloud.net.cn/plu。..安装完成后,开发者可以在hbuilderx中打开终端,输入以下命令完成依赖安装。2.制作自定义库由于uniapp框架的限制,必须先将自定义库打包才能使用原生插件,然后通过自定义库进行开发调试。这里先演示如何打包Android自定义库,并使用自定义库进行开发(PS:IOS操作流程相同,证书需要使用开发证书或企业证书,不能使用发布证书)3.配置项目的AppId和key,用户信息1.配置AppId首先我们需要修改Demo项目中的SDKAppID。上面说到每个IM应用都有自己的SDKAppID,所以在demo工程中我们需要修改这里的utils/txim.js文件位置2.配置用户信息一般来说,我们需要后台反馈用户信息,以便登录TXIM。在测试环境中,我们需要先预置测试用户信息,以便前端本地开发。在demo中,我们需要找到以下文件修改对应位置(注意这里的userId是字符串,请勿提供整数)3.调用登录代码执行登录。让我们看一下登录代码。当我们点击登录时,通过绑定点击事件获取到userIduserSig和userSig后,我们只需要执行以下代码即可登录TXIMSDK,从而开始聊天、消息监听等逻辑。this.$txim.login(item.id,item.sign,asyncres=>{if(res.code==0){//登录成功}else{//登录失败}})修改后运行项目,效果如下:4.项目开源地址及交流群项目成品效果:请点击【项目介绍】(https://segmentfault.com/a/11...)项目开源地址:https://gitee。com/ckong/知米...Uniapp开发交流群:755910061