如何将验证码1.0升级到2.0

验证码1.0初始化代码示例（旧）

<div id="nc"></div>
<script>
  // 实例化nc
  AWSC.use("nc", function (state, module) {
    // 初始化
    window.nc = module.init({
      // 应用类型标识。它和使用场景标识（scene字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的appkey字段值，请务必正确填写。
      appkey: "CF_APP_1",
      //使用场景标识。它和应用类型标识（appkey字段）一起决定了滑动验证的业务场景与后端对应使用的策略模型。您可以在阿里云验证码控制台的配置管理页签找到对应的scene值，请务必正确填写。
      scene: "register",
      // 声明滑动验证需要渲染的目标ID。
      renderTo: "nc",
      //前端滑动验证通过时会触发该回调参数。您可以在该回调参数中将会话ID（sessionId）、签名串（sig）、请求唯一标识（token）字段记录下来，随业务请求一同发送至您的服务端调用验签。
      success: function (data) {
        window.console && console.log(data.sessionId);
        window.console && console.log(data.sig);
        window.console && console.log(data.token);
      },
      // 滑动验证失败时触发该回调参数。
      fail: function (failCode) {
        window.console && console.log(failCode);
      },
      // 验证码加载出现异常时触发该回调参数。
      error: function (errorCode) {
        window.console && console.log(errorCode);
      },
    });
  });
</script>

验证码2.0初始化代码示例（新）

<div id="captcha-element"></div>
<button id="button" class="btn">登录</button> 
<!--3.新建一个<script>标签，用于调用验证码初始化函数initAliyunCaptcha-->
<script type="text/javascript">
  var captcha;
  // 弹出式，除region和prefix以外的参数
  window.initAliyunCaptcha({
    // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID
    SceneId: "******",
    // 验证码模式，popup表示弹出式，embed表示嵌入式。无需修改
    mode: "popup",
    // 页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。
    element: "#captcha-element",
    // 触发验证码弹窗或无痕验证的元素
    button: "#button",
    // 验证码验证通过回调函数
    success: function (captchaVerifyParam) {
      // 入参为验签captchaVerifyParam
      // 1.向后端发起业务请求进行验证码验签captchaVerifyParam校验
      // 2.根据校验结果来进行业务处理
      // 3.如业务需要重新进行验证码验证，调用验证码初始化方法initAliyunCaptcha重新初始化验证码
    },
    // 验证码验证不通过回调函数
    fail: function (result) {
      // 入参为不通过信息
      // 正常验证有效期内不需要做任何操作，验证码自动刷新，重新进行验证
      console.error(result);
    },
    // 绑定验证码实例回调函数，该回调会在验证码初始化成功后调用
    getInstance: function (instance) {
      captcha = instance;
    },
    // 滑块验证和一点即过的验证形态触发框体样式，支持自定义宽度和高度，单位为px。兼容历史参数名。
    slideStyle: {
      width: 360,
      height: 40,
    },
    // ...其他参数，参考initAliyunCaptcha参数说明
  });
</script>

验证码1.0返回信息

验证码2.0返回信息