接入顶象技术小程序验证码全过程
前一段时间，顶象技术推出了国内首个小程序安全解决方案。这个由小程序设备指纹、小程序验证码以及小程序代码混淆加密服务组成的方案，能够有效防范账号、交互、交易、信息等各类风险，保障150万小程序的运行安全。
方案发布后，小象根据用户咨询，统计出了用户最关心的10个咨询问题。这段时间来，小象又收到很多小程序用户发来的使用过程和应用反馈。以下是小程序用户“金色马车”撰写的小程序接入体验过程，特全文刊登。
接入前的准备工作
接入之前，在顶象官网（www.dingxiang-inc.com）注册一个账号。
注册后，登录管理平台。找到左侧菜单栏的“无感验证”模块，并点击“免费试用”按钮。接下来，管理平台会提示填写应用名称、应用网址、应用场景、应用偏好。我们可以根据自己运营的小程序的相关情况填写。
在填写完成之后，会自动进入应用管理界面，记录应用密钥，在稍后的接入过程中需要用到。在这里，我们可以阅读开发文档，查看接入的步骤与相关代码。
如何接入小程序验证码
登录微信公众平台的小程序管理页面，选择“关联小程序”，然后就可以轻松接入验证码小程序。接入方式有两种：跳转式接入和 插件式接入。
步骤略有不同，下面详细介绍。
跳转式接入
首先，登录微信的小程序管理平台，在“开发管理”中搜索：wx82db4a59175bdfdf（顶象验证码小程序的ID），添加并关联顶象验证码小程序。
然后，把开发文档的示例代码复制、并粘贴到小程序中。
在Appid中填写之前获取的密钥id，这样就完成了前端部分的集成（需要注意的是，微信模拟器可能会因为BUG无法显示，我们可以实际运行看是否能够执行跳转）。
在后端的集成方面，我们需要在顶象开发文档中下载集成SDK，然后在开发文档的帮助下填写secret进行鉴权。如果填写正确，运行之后会返回验证成功的参数。
插件式接入
管理员身份登录微信公众平台，并使用需要接入小程序的相关账号。接下来，依次点击设置-第三方服务-添加插件，然后输入关键字“顶象”并搜索（输入），选择搜索结果中的“顶象验证码”添加插件。
此时，平台会提示填写申请说明，如果申请长时间无法通过，可以咨询顶象技术的客服询问原因或是重新提交申请。
通过之后，需要在app.json中声明插件，并在页面.json中引入自定义组件。
先来看一下声明插件，我们只需要在默认的.json文件基础上加这些代码即可（具体代码可以从开发说明文档之中复制）。
为了验证效果，我们可以写一个简单的登录界面表单，包括账号+密码+登录按钮（这里表单用了微信的weui）。根据文档说明，先在需要增加的页面index.xwml中添加如下代码：
可以看到，登录界面已经出现点击验证的控件了，之后我们需要在当前页面index.js中添加监听事件，并填写之前拿到的密钥中的APPID即可。
无论哪种方式，都可以快速使用顶象小程序，让我们的小程序用户摈弃“反人类”的复杂验证码，通过点击、滑动的方式快捷通过验证，还可以防范薅羊毛、账号欺诈等恶意行为，大大提升用户的体验和安全性。
接入顶象技术小程序验证码全过程相关推荐
- 用户投稿：接入顶象技术小程序验证码全过程
前一段时间,顶象技术推出了国内首个小程序安全解决方案.这个由小程序设备指纹.小程序验证码以及小程序代码混淆加密服务组成的方案,能够有效防范账号.交互.交易.信息等各类风险,保障150万小程序的运行安全 ...
- 云顶之弈小程序 置顶工具（附源码）
简介: 最近在玩云顶之弈 总是看手机很不方便 第三方的软件不是不靠谱就是数据更新慢 就打算用易语言写一个官方助手的置顶工具 https://lol.qq.com/tft/#/index https: ...
- AI即开即用，这是悄然推出的“腾讯最新AI技术”小程序
李根 发自 凹非寺 量子位 报道 | 公众号 QbitAI 在刚刚结束的全球合作伙伴大会上,腾讯第一次把AI喊得响亮. "Make AI Everywhere!"腾讯上上下下都在 ...
- 微信小程序---验证码倒计时
实现效果 微信小程序如何实现获取验证码后倒计时效果? 完整代码 wxml <view class="password"><view class="hea ...
- html5导航栏悬浮置顶,（微信小程序）导航栏悬浮吸顶以及置顶的设置
前言 最近在做小程序的项目,遇到一些问题放在这里,一来作为自己经验收集册,收集自己的项目遇到的问题或者做的东西:二来将自己遇到的问题经验分享出来 前景提要 吸顶功能页面设置在静态的首页,作为一个首页展 ...
- 微信小程序验证码获取攻略：让你秒懂如何快速获取验证码
前言 微信小程序作为移动互联网的一部分,受到了广泛的欢迎.但是,在使用微信小程序的过程中,获取验证码却是不可避免的一环.那么如何让获取验证码变得更加方便快捷?本文将为您介绍微信小程序获取验证码的方法, ...
- 中国大学生计算机设计大赛之小程序开发全过程
目录 前提 (一)整个开发流程 (二)开发过程中遇到的Bug (1)前端(小程序) (2)后端(主要是中文乱码) (三)涉及的技术
- 小程序接入h5页面_小程序与H5如何互相跳转
由于小程序官方没有提供外部H5网页直接跳转到小程序的api,所以目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳回小程序 小程序跳转H5 需要用到小程序的web-view,官方文档链接 web-vi ...
- uniapp连接到微信小程序调试全过程以及遇到的bug
以我自己举例子,公司项目是uniapp的,首先先要把项目跑起来 前期准备:Hbuilder X 微信开发者工具 注册账号 然后在项目的manifest.json文件中进行设置 添加自己的微信小程 ...
最新文章
- 树莓派文件服务器nas,树莓派搭建NAS服务器
- python数据分析和可视化——一篇文章足以(未完成)
- [转]OllyDBG 入门系列（二）－字串参考
- 记录自己的nest学习之旅
- java 如何使用dylib,如何在应用程序中使用dylib文件？
- C++11 并发指南六(atomic 类型详解三 std::atomic (续))
- tic tac toe php,Python tic-tac-toe检测作弊
- VCL已死，RAD已死(插播)
- nftables入门文档
- 带权有向无环图的最短路径(使用拓扑排序的方法)
- java编程思想笔记（一）——面向对象导论
- Python 语言创建 ANSYS APDL 命令流
- 神州数码c语言笔试题,神州数码软件测试工程师笔试C语言题目详解
- html常用js统计图表插件
- 【MTK Sensor2.0】SCP与AP数据流分析
- 教育云助武汉大学实现校园信息化
- java int short区别_Java基础之数据比较Integer、Short、int、short
- POJO、DO、DTO、AO、BO、VO、JB、DAO、EJB
- Citus集群拓扑架构介绍
- 卡米歇尔(Carmichael)数、函数