行为验证,如何兼顾安全性与用户体验(下)

云片新一代行为验证

前端连接#

网页端#

兼容性#

支持 Chrome,IE9 +,360,腾讯,搜狗,Safari,Firefox,Opera;主流手机浏览器

初始化 SDK JS#


注:IE9 + 需要在 SDK 之前另外发布 polyfill,示例如下

配置验证对象#

新的 YpRiddler(options)
选项对象为配置对象,以下为配置参数:

winWidth 窗口宽度配置#

lang 配置(任选)#

系统支持的中文,如需要替换其他语言请进行如下配置。总体支持的语言有:简体中文,英文。
如果需要设置文案的语言,可通过外部文件,按指定格式设置文案内容,然后在 options 配置项中通过 langPack 预期语言对象(对象)即可。

演示版#

接入成功样例#

初步纳入#

接口名称#

二次验证接口

接口地址#

captcha.yunpian.com/v1/api/authent...

请求#

  • 请求方式:POST

  • 请求类型:application /x-www-form-urlencoded

请求参数#

支持的语言及请求示例#

Java 请求示例#

C#请求示例#

PHP 的请求示例#

Python 要求范例#

补充说明:#

1,签名计算方法#

  1. 第一步:对所有请求参数(不包括签名参数),按照参数名 ASCII 码表升序顺序进行排序。如:foo = 1,bar = 2,foo_bar = 3,baz = 4 排序后的顺序是 bar = 2 ,baz = 4,foo = 1,foo_bar = 3。

  2. 第二步:将排序好的参数名称和参数值构造成字符串,格式为:key1 + value1 + key2 + value2 …。根据上面的示例得到的构造结果为:bar2baz4foo1foo_bar3。

  3. 第三步:选择与 secretId 配对的 secretKey,加到上一步构造好的参数字符串之后,如 secretKey = e3da918313c14ea8b25db31f01263f80,则最后的参数字符串为 bar2barz4foo1foo_bar3e3da918313c14ea8b25db31f01263f80。

  4. 第四步:把 3 步骤拼装好的串联采用 utf-8 编码,使用 MD5 算法对串行进行摘要,计算得到签名参数值,将其加入接口的参数中即可。MD5 是 128 位长度的摘要算法,用 16 位二进制表示,一个十六进制的字符能表示 4 个位,所以签名后的长度长度固定为 32 位十六进制字符。上述签名的结果为:59db908f26fb997c30b32ddb911485c2。

    2,响应码释义#

前端相关响应码#

验证接口响应码释义#

获取界面响应码释义#

初步相关响应码#

响应参数#

二次验证接口响应码释义#

了解更多点击云片官网

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。