H5版本

说明

业务H5网页通过配置信息，请求认证H5页面，完成认证流程。

操作流程

H5链接

请求域名

https://h5.kych5.com

请求URL格式

• 参数字段值如果存在特殊字符，请先使用 encodeURL() 编码
• 可使用辅助接入工具完成固定参数配置
• 参数拼接示例：https://h5.kych5.com?accessKeyId=xxx&secretAccessKey=xxx&sessionToken=xxx&redirectUrl=https%3A%2F%2Fexample.com&type=0&showResult=0

配置回调URL

配置redirectUrl，在完成认证后会携带返回结果，例如：https://example.com

完成认证会返回：https://example.com?sessionToken=xxxx&result=xxx&errorCode=xxx&algorithmBaseRespCode=xxx&reqMeasureInfo=xxx

接入参数

styleConf接入说明

配置接入方法示例

// 部分配置，详细看配置参数
const config = {
    "--theme": "rgba(136, 91, 210, 1)",
    "--theme-btn_color": "#fff",
    "--mask_bg-color": "rgba(56, 0, 128, 0.4)"
}
const str = JSON.stringify(config)
const result = window.encodeURIComponent(str)
// 转换结果拼接到URL参数styleConf
// 拼接示例：https://h5.kych5.com?styleConf=%7B%22%24theme%22%3A%22rgba(136%2C%2091%2C%20210%2C%201)%22%2C%22%24theme-btn_color%22%3A%22%23fff%22%2C%22%24mask_color%22%3A%22rgba(56%2C%200%2C%20128%2C%200.4)%22%7D

默认配置参数

/** 主题色 **/
--theme: rgba(136, 91, 210, 1);
--theme-btn_color: #fff;
--danger-error: #ff4c5b;

/** 遮罩背景色 **/
--mask_bg-color: var(--theme);

/** 引导页 **/
--guide-btn_color: var(--theme-btn_color); /** 开始身份认证按钮 **/
--guide-btn_bg-color: var(--theme);

--guide-sub-btn_color: var(--theme-btn_color); /** 提示服务协议按钮 **/
--guide-sub-btn_bg-color: #2b2b2c;

--guide-protocol_color: var(--theme); /** 协议颜色 **/
--guide-protocol-radio_color: var(--theme); /** 协议radio颜色 **/

/** OCR上传身份证页面 **/
--ocr-camera-icon_color: var(--theme-btn_color); /** 相机icon **/
--ocr-camera-icon_bg-color: var(--theme);

--ocr-btn_color: var(--theme-btn_color); /** 提交按钮 **/
--ocr-btn_bg-color: var(--theme);

--ocr-upload-btn_color: var(--theme-btn_color); /** 重新上传按钮 **/
--ocr-upload-btn_bg-color: var(--theme);

/** OCR识别结果页面 **/
--ocr-result-btn_color: var(--theme-btn_color); /** 提交按钮 **/
--ocr-result-btn_bg-color: var(--theme);

/** 动作活体认证页面 **/
--active-circle_color: var(--theme); /** 进度圆框 **/
--active_bg-color: rgba(255, 255, 255, 0.9); /** 背景 **/

/** 认证结果页面 **/
--result-try-btn_color: var(--theme-btn_color); /** 重试按钮 **/
--result-try-btn_bg-color: var(--theme);

--result-ok-btn_color: var(--theme-btn_color); /** 完成按钮 **/
--result-ok-btn_bg-color: var(--theme);

--result-exit-btn_color: var(--theme-btn_color); /** 退出按钮 **/
--result-exit-btn_bg-color: var(--danger-error);

/** 服务端动作活体引导页面 **/
--demote-active-btn_color: var(--theme-btn_color); /** 开始录制按钮 **/
--demote-active-btn_bg-color: var(--theme);

--demote-active-text_color: var(--theme); /** 提示文案颜色 **/
--demote-active-radio_color: var(--theme); /** radio颜色 **/

/** 服务端静默活体引导页面 **/
--demote-still-btn_color: var(--theme-btn_color); /** 开始录制按钮 **/
--demote-still-btn_bg-color: var(--theme);

redirectUrl参数对象

errorCode

客户端错误码：

服务端错误码：

algorithmBaseRespCode

详细见： 错误码和计费