

二、Uniapp+vue+腾讯IM+腾讯音视频开发仿微信的IM聊天APP,支持各类消息收发,音视频...
source link: https://segmentfault.com/a/1190000041213363
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

各位看官可能要失望了,都第二篇了居然还是一行代码都没看到,别急别急,记得磨刀不误砍柴工。
因为我们用到了腾讯云的SDK,所以我们在开发之前第一步就是要把腾讯云的AppId搞定,搞定AppId之后,还得去搞定用户信息,要不咋玩登录,往哪发消息啊。所以我们这一篇就是讲怎么配AppId和用户信息,下一篇我们就开始折腾代码了(PS:对自己自信的老哥可以直接去下载源码直接跑,这个写文章的人是菜鸟,大神在写代码)
一、配置腾讯云应用
首先请登录腾讯云管理后台,后台网址:https://console.cloud.tencent...,登录之后请切换到新版管理界面,我们的截图是基于新版管理界面做的。
1.准备创建应用
腾讯的产品太多了,我们通过搜索“即时通讯 IM”,点击搜索结果进入“即时通讯 IM”应用总览界面
2.创建应用
进入 即时通信 IM应用总览 之后,点击创建应用(如已有相关应用请跳过这一步)。
创建完成之后,我们需要点击已经创建的应用进入应用管理面板。
3.获得需要的AppId
如图所示这是我们刚刚创建的“TXIM”应用对应的管理面板,我们需要记录 应用资料 - SDKAppID,稍后在uniapp项目中我们需要用到,如图所示,我们的SDKAppID是1400521882(请实际开发中使用您自己创建的应用对应的SDKAppID,请勿使用1400521882)
二、获取UserID与UserSign
AppId和密钥成功获取之后,我们要来创建登录时所需的用户账户信息。
1.测试时生成UserID + UserSign
测试时候生成的UserID + UserSign有效期为180天,需要通过腾讯云后台生成,在前面“准备环境”一文提到过的应用后台,具体操作如下。
请注意,用户名(UserID)使用数字/字母/数字+字母的组合,请勿使用中文,否则将导致登陆或发送消息时候抛异常无法正常使用。
2.发布时生成UserID + UserSign
发布时候生成UserID + UserSign需要后端支持(虽然可以客户端生成但是纯在安全情况故不建议),具体文章参考TXIM SDK官方文档(https://cloud.tencent.com/doc...)
一般情况下我们时由用户输入账号密码,登陆后后端返回UserID + UserSig以登陆TXIM,此处有后端接入因此省略该环节,实际开发中开发者可根据实际情况选择合适的获取方式。
三、项目开源地址及交流群
项目开源地址:https://gitee.com/ckong/Zhimi...
Uniapp开发交流群:755910061
Recommend
-
67
仿照微博简书个人页写的一个demo,无手势冲突,滑动流畅,易于接入,代码简洁。
-
16
一、项目介绍 next-webchat 基于Next.js+React.js+Redux+Antd+RScroll+RLayer等技术构建的PC桌面端仿微信聊天项目。实现了消息/表情发送、图片/视频预览、拖拽/粘贴图片发送、红包/朋友圈等功能。
-
7
一、项目概述uniapp-ttlive 一款基于uni-app+uview-ui+vue.js+uapopup等技术混合开发的多端仿制抖音短视频/直播/聊...
-
5
基于uniapp + nvue实现的uniapp仿微信界面功能聊天应用 txim 实例项目,实现了以下功能。1: 聊天会话管理2: 好友列表3: 文字、语音、视频、表情、位置等聊天消息收发4: 一对一语音视频在线通话开...
-
3
uniapp+nvue实现仿微信App聊天应用 —— 成功实现好友聊天+语音视频通话功能发布于 11 月 2 日基于uniapp + nvue实现的uniapp仿微信App聊天应用 txim 实例项...
-
8
uniapp框架如何实现仿微信相册 | 图视频过滤、相册选择功能发布于 41 分钟前今天我们分享基于uniapp + vue实现仿微信相册实例,该插件完全还原了微信相册的功能...
-
8
这已经是第四篇了,昨天我们代码总算开了个头,今天我们来开始慢慢实现IM中需要的各个模块,今天我们来实现会话好友列表的显示,话不多说,直接开撸。会话好友列表的实现1.监听回调事件在开发中,我们可以通过监听回调事件的方...
-
17
基于svelte3.x+svelteKit构建仿微信App聊天应用svelte-chatroom。 svelte-chatroom 基于svelte.js+svelteKit+mescroll.js+svelte-popup等技术搭建开发的仿微信app界面聊天项目。支持发送图文消息/gif动图、图片/视频预览、下...
-
7
基于tauri+vue3.js+vite3跨桌面端仿微信聊天实例TauriVue3Chat。 tauri-chat 运用最新tauri+vue3+vite3+element-plus+v3layer等技术跨桌面端仿微信|QQ聊天程序EXE。基本实现了发送图文混排消息、图片/视频/网址预览、拖拽聊天区发...
-
8
基于uniapp+vite4+pinia跨多端实现chatgpt会话模板Uniapp-ChatGPT。 uni-chatgpt 使用uni-app+vite4+vue3+pinia+uview-plus等技术构建多端仿制ChatGPT手机端APP会话应用模板。支持编译到h5+小程序+APP端,支持渲染markdown语法及代...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK