uniapp引入腾讯防水墙

目前只开发了H5端

第一步

在public/index.html的head中引入js文件

<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>

第二步

在需要验证的页面生命周期mounted中写以下方法

mounted() {let self = thisthis.captcha1 = new TencentCaptcha('后端提供的appid', function(res) {console.log(res)if(res.ret === 0) {// 滑块滑动成功后的回调  Tendent函数为封装后的后端验证接口Tendent(res.ticket, res.randstr).then(res=> {if(res.data.errcode === 0) {console.log('验证成功')}    })}});
},

第三步

在唤醒验证的按钮中绑定事件

<button @click="open"><button>open () {this.captcha1.show();
}

是不是特别简单

uniapp引入腾讯防水墙相关推荐

uni-app引入腾讯地图
这篇地图开发教程先对uniapp开发map进行的说明,(uniapp是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可以发布到ios,android,web以及各种小程序,快应用等多 ...
uniapp 引入腾讯地图
准备工作 1.申请开发者密钥(key):申请密钥 2.开通webserviceAPI服务:控制台 ->应用管理 -> 我的应用 ->添加key-> 勾选WebServiceAP ...
uniapp开发小程序，引入腾讯兔小巢插件，兔小巢页面导航头部样式错乱问题
uniapp开发小程序,引入腾讯兔小巢插件,导航头部样式错乱问题 uniapp开发小程序,引入腾讯兔小巢插件,导航头部样式错乱问题 uniapp开发微信小程序,所有页面头部导航都是自定义的,引入腾讯兔 ...
uniapp对接腾讯云IM+音视频。音视频含UI集成
uniapp对接腾讯云IM+音视频文章目录 uniapp对接腾讯云IM+音视频前言一.准备工作二.使用步骤 1.App.vue配置 2.登录时操作 login.vue 3.使用方法一.音视频 ...
uniapp：记录使用uniapp对接腾讯音视频插件（TUICallKit ）
官方地址:TUICallKit-API uniapp插件地址:腾讯云音视频通话插件TencentCloud-TUICallKit 1.到鷈插件地址,购买插件,并绑定到自己的项目中. 第3步的报名,一定 ...
恒大汽车：引入腾讯、滴滴等投资者筹集约40亿港元
今日早间,恒大汽车发布公告称,于9月15日以先旧后新方式安排引入腾讯控股有限公司.红杉资本.云锋基金及滴滴出行等多名知名国际投资者,筹集约40亿港元. 根据公告,认购股份将根据一般授权( 可配发.发行 ...
uniapp 引入阿里矢量图标库的详细步骤及踩坑经历
uniapp 引入阿里矢量图标库的详细步骤及踩坑经历首先在阿里矢量图标库选择自己喜欢的图标加购物车如下图点击右上角的购物车添加到项目这里有坑首先你不选中在线链接你是看不到 @font-f ...
uniapp集成腾讯即时通信IM，实现一对一聊天，支持文字、表情、语音、图片、视频
uniapp集成腾讯即时通信IM,实现一对一聊天,支持文字.表情.语音.图片.视频原则拿来即用,节省开发时间介绍腾讯的给的例子内容比较乱,我花了好长时间才集成出来,然后对聊天页面做了UI美化. ...
[微信小程序]小程序引入腾讯地图选点插件出现：未取得授权
问题:小程序引入腾讯地图选点插件出现:未取得授权在微信小程序引入腾讯地图选点插件:官方文档 1.微信小程序接入腾讯地图服务,申请Key 2.在 app.json 中添加 "plugins& ...
uni-app引入海康威视h5player实现视频监控的播放
uni-app引入海康威视h5player实现视频监控的播放知识储备工具下载 webplayer.html h5player.vue 视频时效传递参数为中文 webview 返回上一页在H5环 ...

uniapp引入腾讯防水墙

第一步

第二步

第三步

uniapp引入腾讯防水墙相关推荐

最新文章

热门文章