300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 腾讯云IM即时通讯调试 手把手教学

腾讯云IM即时通讯调试 手把手教学

时间:2019-07-18 05:20:16

相关推荐

腾讯云IM即时通讯调试 手把手教学

1.新建demo项目

打开h-builder,新建一个uni-app项目,使用默认模板即可

2.开通服务

登录到 腾讯云IM即时通讯,单击创建新应用,在弹出的对话框中输入您的应用名称,应用名称傻随便输即可,并单击确定。

3.开通腾讯实时音视频服务

在当前页面右下角找到腾讯实时音视频服务,因为是跑通demo即可,所以开通免费体验就好

4. 项目打云包

打包完成

5.导入插件

【官方】腾讯云音视频通话插件TencentCloud-TUICallKit - DCloud 插件市场来到这个网站,我们选择购买

继续~选择刚才打包的项目名称

继续~选择刚才打包的包名,因为我已经购买导入了,所以不会在下拉框显示包名

来到项目文件,找到manifest.json这个文件,引入刚刚我们购买的云端插件

6.代码参数配置

一个userID配对一个userSig,需要去IM控制台生成,同时组内聊天和视频通话也需要去IM创建组再生成组id(groupID)

7.写参考代码

APP.vue里面引入这一段代码

const TUICallKit = uni.requireNativePlugin('TencentCloud-TUICallKit');console.warn(TUICallKit, "TUICallKit | ok");

pages/index/index.vue

<template><view class="content"><image class="logo" src="/static/logo.png"></image><view class="text-area"><text @click="login(1)" class="title">登录426</text></view><view class="text-area"><text @click="login(2)" class="title">登录427</text></view><view class="text-area"><text @click="call()" class="title">拨打电话</text></view><view class="text-area"><text @click="callVideo()" class="title">群内视频通话</text></view></view></template><script>const TUICallKit = uni.requireNativePlugin('TencentCloud-TUICallKit');export default {data() {return {title: 'Hello111',userID1: '',userSig: ''}},onLoad() {},methods: {login: function(status) {// console.log(121)var userID = '';if(status=='1'){userID = '100426';this.userID1 = '100427';this.userSig = 'eJwtzMEKgkAUheF3mXXInemO3oR2FlaChUnQrnKMq2WDiQXRu2fq8nwH-o-YR4nTmlr4QjkgJv3mzFQN59yzBEDljs8zK0-WciZ8iQAkaYbT4TFvy7XpXGutAGDQhu9-c8mjKSolxwpfu-BuiecDmkfIL6IqvmyC*FZEi3SdU7HVR5uEq8rTaVC2OBffH7mHMCE_';}else if(status=='2'){userID = '100427';this.userID1 = '100426';this.userSig = 'eJwtzE0LgkAUheH-MttC74xXHYUWQSREkX0gLdwUM8olLBlNzOi-Z*ryPC*cDztvT1ajDQuZsIDNh01KP2rKaGAOgMKfSqXu17IkxUKOAJLLAJ2x6LYko3t3XVcAwKg1FX-zpC8dFHLSivL*OLqldreL2tTm8QxXXVI-j94*E2j8S9y0*csU60Rt3kFywOWCfX8dPTEN';}const options = {SDKAppID: 1400818943, // 请替换为步骤一取到的 SDKAppIDuserID: userID, // 请替换为您的 UserIDuserSig: this.userSig, // 您可以在控制台中计算一个 UserSig 并填在这个位置};TUICallKit.login(options, (res) => {if (res.code === 0) {console.log('login success');} else {console.log(`login failed, error message = ${res.msg}`);}});},call: function() {const options = {userID: this.userID1,callMediaType: 1, // 语音通话(callMediaType = 1)、视频通话(callMediaType = 2)};TUICallKit.call(options, (res) => {// console.log(res);// return;if (res.code === 0) {console.log('call success');} else {console.log(`call failed, error message = ${res.msg}`);}});},callVideo() {const options = {groupID: '@TGS#1SAAHP4MM',userIDList: ['100427', '100426'],callMediaType: 2, // 语音通话(callMediaType = 1)、视频通话(callMediaType = 2)};TUICallKit.groupCall(options, (res) => {if (res.code === 0) {console.log('groupCall success');} else {console.log(`groupCall failed, error message = ${res.msg}`);}});}}}</script><style>.content {display: flex;flex-direction: column;align-items: center;justify-content: center;}.logo {height: 200rpx;width: 200rpx;margin-top: 200rpx;margin-left: auto;margin-right: auto;margin-bottom: 50rpx;}.text-area {display: flex;justify-content: center;}.title {font-size: 36rpx;color: #8f8f94;}</style>

demo调试方法,两部手机,插电脑上分别运行一次自定义基座调试,一个手机登录426,一个手机登录427,登录成功后,就可以发起视频通话与组内聊天或者通话

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。