微信小程序接入

下载SDK

登录号码认证产品控制台，在概览页面右侧API&SDK区域，单击立即下载，进入API&SDK页面，根据页面提示下载并解压对应SDK。

创建认证方案

1. 登录号码认证产品控制台。

2. 在左侧导航栏选择融合认证（基于原子能力）> 图形认证服务 > 图形认证方案管理。

3. 在图形认证方案管理页面，单击新增图形认证方案。

   输入方案名称，接入端选择H5，创建图形认证方案，获取方案编码。

   说明

   接入端选择只用于标记，不影响方案号使用。

引入组件

1. 小程序后台域名白名单添加合法域名https://captcha.alicaptcha.com。

2. 在需要验证的页面下的 xxxx.json 文件中引入要使用的组件, 示例 index.json 中：

   {  
      "usingComponents": {
       "captcha4": "/component/captcha4/captcha4"
     }
   }

3. 在需要验证的页面下 xxxx.wxml 文件中引入要使用的组件。

   <captcha4  id="captcha" wx:if="{{loadCaptcha}}"  captchaId="{{captchaId}}" />

   参数	是否必填	类型	说明
   captchaId	是	string	验证码ID，即在控制台创建认证方案后获取的方案编码。
   language	否	string	指定语言，默认值：zh。
   useNativeButton	否	boolean	是否使用唤醒按钮，取值： true（默认值）：带按钮模式。 false：无按钮模式（对于此类型，需要用戶主动调用showCaptcha方法唤起验证界面）。
   riskType	否	string	当服务端配置了结合风控融合，此字段可指定验证形式。
   hideBar	否	array	隐藏后续验证界面的关闭按钮、刷新按钮。可选值close/refresh。
   scale	否	number	缩放比例，默认值：1。
   mask	否	object	配置点击验证码区域外是否关闭验证，弹窗背景色。默认值：{outside:true,bgColor:’#0000004d’}
   hideSuccess	否	boolean	是否隐藏bind模式下的成功弹窗，默认值：false。

   无按钮模式下，需要手动调用验证码的showCaptcha方法，示例index.js。

   const captcha = this.selectComponent('#captcha')
   captcha.showCaptcha();