@yidun/quickpass-plugin-cordova

v1.3.0

Published

16 days ago

yidun quickpass cordova plugin

Downloads

180

号码认证

直连三大运营商，一步校验手机号与当前SIM卡号一致性。优化注册/登录/支付等场景验证流程

平台支持（兼容性）

| Android| iOS |
| ---- |------------| | 适用版本区间：4.4以上| 适用版本区间：9以上 |

环境准备

CocoaPods安装教程

资源引入/集成

点击下载 config.js

cordova plugin add @yidun/quickpass-plugin-cordova

调用示例

Html

<html>

<head>
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <title>Hello World</title>
</head>

<body>
  <div class="div">
    <div>
      <h3>号码认证 quickLogin</h3>
      <button id="verifyBtn">登录</button>
    </div>
  </div>
  <script type="text/javascript" src="cordova.js"></script>
  <!-- config.js 为授权界面配置文件，可直接下载 -->
  <script type="text/javascript" src="js/config.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
</body>

</html>

var quickPassInstance

window.YidunQuickPass.shouldQuickLogin(function (data) {
  debugLog('shouldQuickLogin callback: ' + data.success)
  if (!data.success) {
    // TODO: 条件未就绪，不能进行一键登录。可提示用户：'请检查网络，必须开启蜂窝流量，必须上网网卡为移动、电信、联通运营商'
    return
  }
  quickPassInstance = new window.YidunQuickPass({
    businessId: '易盾的 businessId',
    loginType: 'quickLogin',
    timeout: 3000
  })
})

document.getElementById('verifyBtn').addEventListener('click', function () {
  var token

  quickPassInstance.preFetchNumber(function (data) {
    if (!data.success) {
      // TODO: 预取号失败
      return
    }
    
    token = data.token;

    var config;
    var nativePlatform = window.device && window.device.platform && window.device.platform.toLowerCase();
    if (nativePlatform === 'android') {
      config = androidConfig  // androidConfig 为安卓端配置文件，从 config.js 引入
    } else if (nativePlatform === 'ios') {
      config = iosLightConfig  // iosLightConfig为 iOS 端配置文件，从 config.js 引入
    }
    // 配置授权页页面
    quickPassInstance.setUiConfig(config, function (data) {});
    quickPassInstance.login(function (data) {
      if (!data.success && !data.cancel) {
        // TODO: 授权失败
        return
      } else if (data.cancel) {
        // TODO: 用户取消取号
        return
      }

      // 关闭授页
      quickPassInstance.closeAuthController()

      $.post('您的后端认证接口', {
        token,
        accessToken: data.accessToken
      }, function () {
        // TODO: 业务逻辑
      })
    });
  })
})

SDK方法说明

1. 初始化

代码说明：

var quickPassInstance = new YidunQuickPass(options, function (data) {
  if (data.success) {
    // TODO: 初始化成功
  } else {
    // TODO: 初始化失败
  }
})

参数说明：

options 入参说明：
|参数|类型|是否必填|默认值|描述| |----|----|--------|------|----| |businessId|String|是|无|易盾分配的业务id| | loginType|String|是|无|登录类型。 quickLogin 表示一键登录 quickPass 表示本机校验 | | timeout|Number|否|3000|运营商预取号和授权登录接口的超时时间，单位毫秒|
回调参数说明：
|回调参数|类型|描述| |----|----|----| | success|Boolean|初始化成功|

2. 预取号

代码说明：

quickPassInstance.preFetchNumber(function (result) {
  if (!result.success) {
    // TODO: 预取号失败处理
  } else {
    // TODO: 预取号成功处理，可以进行授权页面配置和调起授权页
  }
})

参数说明：

回调参数说明：
|回调参数|类型| 描述 | |----|----|--------------------------| | result.success|Boolean| 预取号是否成功 | | result.mobileNumber|String| 如果预取号成功则返回掩码，否则无此字段 | | result.token|String| 如果预取号成功则返回易盾token，否则无此字段 |

3. 自定义授权页面

代码说明：

quickPassInstance.setUiConfig(config, function (data) {
  var platform = device.platform.toLowerCase()
  if (platform === 'ios') {
    // TODO：iOS事件回调处理业务
  } else if (platform === 'android') {
    // TODO: android事件回调处理业务
  }
})

参数说明：

config 入参说明：
|参数|类型|是否必填|默认值|描述| |----|----|--------|------|----| |config|Object|是|无|自定义配置项|
iOS 回调参数说明：
|回调参数|类型|描述| |----|----|----| | data.action|String|authViewDidLoad 表示正在加载授权页authViewWillAppear 表示授权页已经出现 authViewWillDisappear 表示授权页将要消失 authViewDidDisappear表示授权页已经消失authViewDealloc 表示授权页销毁 appDPrivacy 表示点击了默认协议appFPrivacy 表示点击了议第一个协议点击 appSPrivacy 表示点击了第二个协议 loginAction 表示点击了登录按钮，data.checked = true 表示在点击登录按钮时复选框选已选中反之 checkedAction 表示点击了复选框，data.checked = true 表示复选框已选中反之|
Android 回调参数说明：
|参数|类型|描述| |----|----|----| | data.viewId | Number | 事件目标 | | data.lifecycle | String |onCreate - 页面创建，onStart - 页面已开始活动，onResume - 页面展示，onPause - 页面非活动状态，onStop - 页面已停止，onDestroy - 页面销毁| | data.clickViewType| String |privacy - 隐私协议点击事件，checkbox - 复选框点击事件（含isCheckboxChecked: 0/1），loginButton - 登录按钮点击事件（含isCheckboxChecked: 0/1），leftBackButton - 左上角返回按钮点击事件| | data.isCheckboxChecked| String |协议复选框的值，仅在复选框事件和登录按钮点击事件中存在|

config 可配置项说明： android版

开发者不得通过任何技术手段，将授权页面的隐私栏、手机掩码号、供应商品牌内容隐藏、覆盖 网易易盾与运营商会对应用授权页面进行审查，若发现上述违规行为，网易易盾有权将您的一键登录功能下线

安卓规范示意图自定义展示图

状态栏

| 配置项 | 说明 | | ------------------------------------------------- | -------------------------------------- | | statusBarColor:String | 设置状态栏背景颜色，十六进制RGB值，如 "#ff0000"| | isStatusBarDarkColor:boolean | 设置状态栏字体图标颜色是否为暗色(黑色) |

导航栏

| 配置项 | 说明 | | :------------------------------------------------ | ------------------------------------------------------------ | | navBackIcon:String | 导航栏图标，图标放在 static 下，这里配置static/图标名字 | | navBackIconWidth:int | 设置导航栏返回图标的宽度，单位 dp | | navBackIconHeight:int | 设置导航栏返回图标的高度，单位 dp | | navBackIconGravity:int | 设置导航栏返回图标位置，居左 3，居右 5，默认居左 | | navBackIconMargin:int | 设置导航栏返回距离左边的距离，单位 dp | | isHideBackIcon:boolean | 设置是否隐藏导航栏返回按钮 | | navBackgroundColor:String | 设置导航栏背景颜色，十六进制RGB值，如 "#ff0000" | | navHeight:int | 设置导航栏高度，单位 dp | | navTitle:String | 设置导航栏标题 | | navTitleColor:String | 设置导航栏标题颜色，十六进制RGB值，如 "#ff0000"值 | | navTitleSize:int | 设置导航栏标题大小，单位 sp | | navTitleDpSize:int | 设置导航栏标题大小，单位 dp | | isNavTitleBold:boolean | 设置导航栏标题是否为粗体 | | isHideNav:boolean | 设置是否隐藏导航栏 |

应用 Logo

| 配置项 | 说明 | | :------------------------------------------ | ------------------------------------------------------------ | | logoIconName:String | 应用 logo 图标，图标放在 static 下，这里配置static/图标名字 | | logoWidth:int | 设置应用logo宽度，单位dp | | logoHeight:int | 设置应用 logo 高度，单位 dp | | logoTopYOffset:int | 设置 logo 顶部 Y 轴偏移，单位 dp | | logoBottomYOffset:int | 设置 logo 距离屏幕底部偏移，单位 dp | | logoXOffset:int | 设置 logo 水平方向的偏移，单位 dp | | isHideLogo:boolean | 设置是否隐藏 logo |

手机掩码

| 配置项 | 说明 | | :----------------------------------------------------------- | ------------------------------------------------------------ | | maskNumberColor:String | 设置手机掩码颜色，十六进制RGB值，如 "#ff0000" | | maskNumberSize:int | 设置手机掩码字体大小，单位 px | | maskNumberXOffset:int | 设置手机掩码水平方向的偏移，单位 dp | | maskNumberDpSize:int | 设置手机掩码字体大小，单位 dp | | maskNumberTopYOffset:int | 设置手机掩码顶部Y轴偏移，单位 dp | | maskNumberBottomYOffset:int | 设置手机掩码距离屏幕底部偏移，单位 dp |

认证品牌

| 配置项 | 说明 | | :---------------------------------------------- | ------------------------------------ | | sloganSize:int | 设置认证品牌字体大小，单位 px | | sloganDpSize:int | 设置认证品牌字体大小，单位 dp | | sloganColor:String | 设置认证品牌颜色，十六进制RGB值，如 "#ff0000" | | sloganTopYOffset:int | 设置认证品牌顶部 Y 轴偏移，单位 dp | | sloganBottomYOffset:int | 设置认证品牌距离屏幕底部偏移，单位 dp | | sloganXOffset:int | 设置认证品牌水平方向的偏移，单位 dp |

登录按钮

| 配置项 | 说明 | | :----------------------------------------------------- | ---------------------------------------------------- | | loginBtnText:String | 设置登录按钮文本 | | loginBtnTextSize:int | 设置登录按钮文本字体大小，单位 px | | loginBtnTextDpSize:int | 设置登录按钮文本字体大小，单位 dp | | loginBtnTextColor:String | 设置登录按钮文本颜色，十六进制RGB值，如 "#ff0000" | | loginBtnWidth:int | 设置登录按钮宽度，单位 dp | | loginBtnHeight:int | 设置登录按钮高度，单位 dp | | loginBtnMarginLeft:int | 设置登录按钮左边距，单位 dp | | loginBtnMarginRight:int | 设置登录按钮右边距，单位 dp | | loginBtnBackgroundRes:String | 设置登录按钮背景图标，图标放在 static 下，这里配置static/图标名字 | | loginBtnTopYOffset:int | 设置登录按钮顶部Y轴偏移，单位 dp | | loginBtnBottomYOffset:int | 设置登录按钮距离屏幕底部偏移，单位 dp | | loginBtnXOffset:int | 设置登录按钮水平方向的偏移，单位 dp |

隐私协议

| 配置项 | :---------------------- | privacyTextColor:String | privacyDialogTextColor:String | privacyProtocolColor:String | privacyDialogProtocolColor:String | privacySize:int | privacyDpSize:int | privacyTopYOffset:int | privacyBottomYOffset:int | privacyWidth:int | privacyTextMarginLeft:int | privacyMarginLeft:int | privacyMarginRight:int | privacyState:boolean | isHidePrivacyCheckBox:boolean | isPrivacyTextGravityCenter:boolean | checkBoxGravity:int | checkBoxWith:int | checkBoxHeight:int | checkedImageName:string | unCheckedImageName:String | privacyTextStart:String | privacyTextStartSize:int | privacyLineSpacingAdd:int | privacyLineSpacingMul:int | protocolConnect:String | userProtocolConnect:String | operatorPrivacyAtLast:boolean | isHidePrivacySmh:boolean | protocolText:String | protocolLink:String | protocol2Text:String | protocol2Link:String | protocol3Text:String | protocol3Link:String | privacyTextEnd:String | 说明 | ------------------------------------- | ------------------------------------------------------------ | | 设置隐私栏文本颜色，不包括协议，如若隐私栏协议文案为：登录即同意《中国移动认证条款》且授权 QuickLogin 登录，则该API对除协议‘《中国移动认证条款》’区域外的其余文本生效 | | 设置协议未勾选弹窗隐私栏文本颜色，不包括协议 | | 设置隐私栏协议颜色。例如：登录即同意《中国移动认证条款》且授权 QuickLogin 登录，则该 API 仅对‘《中国移动认证条款》’文案生效 | | 设置协议未勾选弹窗隐私栏协议颜色 | | 设置隐私栏区域字体大小，单位 px | | 设置隐私栏区域字体大小，单位 dp | | 设置隐私栏顶部Y轴偏移，单位 dp | | 设置隐私栏距离屏幕底部偏移，单位 dp | | 设置隐私栏区域宽度，单位 dp | | 设置隐私栏复选框和文字内边距，单位 dp | | 设置隐私栏水平方向的偏移，单位 dp | | 设置隐私栏右侧边距，单位 dp | | 设置隐私栏协议复选框勾选状态，true 勾选，false 不勾选 | | 设置是否隐藏隐私栏勾选框 | | 设置隐私栏文案换行后是否居中对齐，如果为true则居中对齐，否则左对齐 | | 设置隐私栏勾选框与文本协议对齐方式，可选择顶部（48），居中（17），底部（80）等 | | 设置隐私栏复选框宽度，单位 dp| | 设置隐私栏复选框高度，单位 dp | | 设置隐私栏复选框选中时的图片资源，图标放在 static 下，这里配置static/图标名字 | | 设置隐私栏复选框未选中时的图片资源，图标放在 static 下，这里配置static/图标名字 | | 设置隐私栏声明部分起始文案。如：隐私栏声明为"登录即同意《隐私政策》和《中国移动认证条款》且授权易盾授予本机号码"，则可传入"登录即同意" | | 隐私栏起始文案字体大小 | | 隐私栏文本间距 | | 隐私栏文本间距倍数 | | 设置隐私栏运营商协议和自定义协议的连接符 | | 设置隐私栏自定义协议之间的连接符 | | 运营商协议是否在末尾 | | 是否隐藏运营商协议书名号 | | 设置隐私栏协议文本 | | 设置隐私栏协议链接 | | 设置隐私栏协议 2 文本 | | 设置隐私栏协议 2 链接 | | 设置隐私栏协议 3 文本 | | 设置隐私栏协议 3 链接 | | 设置隐私栏声明部分尾部文案。如：隐私栏声明为"登录即同意《隐私政策》和《中国移动认证条款》且授权易盾授予本机号码"，则可传入"且授权易盾授予本机号码" |

协议详情 Web 页面导航栏

| 配置项 | 说明 | | :----------------------------------------------------------- | ------------------------------------------------------------ | | protocolNavTitle:String | 设置协议 Web 页面导航栏标题，如果需要根据不同运营商设置不同标题| | protocolNavTitleColor:String | 设置协议 Web 页面导航栏标题颜色 | | protocolNavBackIcon:String | 设置协议 Web 页面导航栏返回图标，图标放在 static 下，这里配置static/图标名字 | | protocolNavColor:String | 设置协议Web页面导航栏颜色 | | protocolNavHeight:int | 设置协议 Web 页面导航栏高度 | | protocolNavTitleSize:int | 设置协议Web页面导航栏标题大小，单位 px | | protocolNavTitleDpSize:int | 设置协议 Web 页面导航栏标题大小，单位 dp | | protocolNavBackIconWidth:int | 设置协议 Web 页面导航栏返回按钮宽度，单位 dp | | protocolNavBackIconHeight:int | 设置协议 Web 页面导航栏返回按钮高度，单位 dp | | protocolNavBackIconMargin:int | 设置协议 Web 页面导航栏返回按钮距离左边的距离，单位 dp |

其他

| 配置项 | 说明 | | :----------------------------------------------------------- | ------------------------------------------------------------ | | backgroundImage:String | 设置登录页面背景，图标放在 static 下，这里配置static/图标名字 | | backgroundGif:String | 设置登录页面背景为 Gif，Gif 图标放在 static 下，这里配置static/图标名字 | | backgroundVideo:String | 设置登录页面背景为视频地址，如http://xxx | | backgroundVideoImage:String | 设置视频背景时的预览图，图标放在 static 下，这里配置static/图标名字，配合 backgroundVideo 使用 | | enterAnimation:String | 设置授权页进场动画，enterAnimation 进场动画xml无后缀文件名。放置在 android anim目录下 | | exitAnimation:String | 设置授权页退出动画，exitAnimation 进场动画xml无后缀文件名。放置在 android anim目录下 | | isLandscape:boolean | 是否横屏 | | isDialogMode:boolean | 是否弹窗模式 | | isShowLoading:boolean | 授权登录页是否显示loading View | | isBackPressedAvailable:boolean | 授权登录页物理返回键是否可用 | | dialogWidth:int | 授权页弹窗宽度，单位 dp | | dialogHeight:int | 授权页弹窗高度，单位 dp | | dialogX:int | 授权页弹窗 X 轴偏移量，以屏幕中心为原点 | | dialogY:int | 授权页弹窗 Y 轴偏移量，以屏幕中心为原点 | | isBottomDialog:boolean | 授权页弹窗是否贴于屏幕底部true：显示在屏幕底部，dialogY 失效 false：不显示在屏幕底部，以 dialogY 参数为准 | | isProtocolDialogMode:boolean | 协议详情页是否开启弹窗模式 | | isPrivacyDialogAuto:boolean | 协议未勾选弹窗点击是否自动登录 | | isShowPrivacyDialog:boolean | 是否显示协议未勾选默认弹窗 | | privacyDialogText:String | 协议未勾选弹窗自定义message | | privacyDialogSize:float | 协议未勾选弹窗文本字体大小 | | isVirtualButtonHidden:boolean | 是否隐藏虚拟键 |

自定义view

| 配置项 | 说明 | | :---------------------------------------------- | ------------------------------------ | | widgets:JsonArray | 自定义view数组 | | ∟ viewId:String | 控件 id | | ∟ type:String | 控件类型，可选值为 TextView、Button、ImageView | | ∟ top:int | 控件距离顶部的偏移，单位 dp| | ∟ left:int | 控件距离左侧的偏移，单位 dp| | ∟ right:int | 控件距离右侧的偏移，单位 dp| | ∟ bottom:int | 控件距离底部的偏移，和top互斥，单位 dp| | ∟ width:int | 控件宽度，单位 dp | | ∟ height:int| 控件高度，单位 dp | | ∟ text:String| 控件文本，单位 dp | | ∟ font:int| 控件文本大小，单位 sp | | ∟ textColor:String| 控件文本颜色，十六进制颜色码 | | ∟ clickable:boolean| 控件是否可点击，单位 sp | | ∟ backgroundColor:String| 控件背景颜色，十六进制颜色码 | | ∟ backgroundImgPath:String| 控件背景图片，图片放在 static 下，这里配置 static/图片文件名 | | ∟ positionType:int| 添加控件的位置类型，1表示位于导航栏下方的body部分 |

config 可配置项说明： iOS版

设计规范概览 开发者不得通过任何技术手段，将授权页面的隐私栏、手机掩码号、供应商品牌内容隐藏、覆盖 网易易盾与运营商会对应用授权页面进行审查，若发现上述违规行为，网易易盾有权将您的一键登录功能下线 iOS设计规范自定义展示图

基础配置

| 属性 | 说明 | | :-------- | -------- | | backgroundColor |设置授权页面背景颜色| | authWindowPop | 设置窗口类型0 表示全屏模式 1 表示窗口在屏幕的中间 2 表示窗口在屏幕的底部(不支持横屏)| | faceOrientation |设置授权页面方向 0 表示设置保持直立1 表示左横屏 2 表示右横屏 3 表示左右横屏 4 屏幕全旋转| | bgImage |设置授权转背景图片，例如："图片名.后缀"|
| contentMode |设置背景图片显示模式 0 表示 UIViewContentModeScaleToFill，1表示UIViewContentModeScaleAspectFit ，2表示UIViewContentModeScaleAspectFill|
| hidesBottomBarWhenPushed |进入下一个页面前，将该属性设置为YES即可隐藏TabBar，默认不隐藏|

转场动画

| 属性 | 说明 | | :-------- | -------- | | modalTransitionStyle | 设置授权转场动画 0 表示下推1 表示翻转2 表示淡出|

自定义控件

"widgets": [
        {
            "type": "UIButton",
            "image": "weixin",
            "title": "",    
            "titleColor": "#000000",
            "titleFont": 12,
            "cornerRadius": 20,
            "action": "handleCustomEvent1",
            "frame": {"mainScreenLeftDistance":70,"mainScreenTopDistance":340,"width":40,"height":40},
            "backgroundImage":""
        },
        {
            "type": "UIButton",
            "image": "qq",
            "title": "",    
            "titleColor": "#FFFFFF",
            "titleFont": 12,
            "cornerRadius": 20,
            "action": "handleCustomEvent2",
            "frame": {"mainScreenCenterXWithLeftDistance":0,"mainScreenTopDistance":340,"width":40,"height":40},
            "backgroundImage": ""
        },
        {
            "type": "UIButton",
            "image": "weibo",
            "title": "",    
            "titleColor": "#FFFFFF",
            "titleFont": 12,
            "cornerRadius": 20,
            "action": "handleCustomEvent3",
            "frame": {"mainScreenRightDistance":70,"mainScreenTopDistance":340,"width":40,"height":40},
            "backgroundImage": ""
        },
        {
            "type": "UIButton",
            "image": "",
            "title": "其他登录方式",
            "titleColor": "#000000",
            "titleFont": 14,
            "cornerRadius": 20,
            "action": "handleCustomLabel",
            "backgroundImage": "login_btn_normal",
            "backgroundColor": "#000000",
            "frame": {"mainScreenLeftDistance":80,"mainScreenRightDistance":80,"mainScreenTopDistance":280,"height":40}
        },
        {
            "type": "UILabel",
            "textColor": "#FFFFFF",
            "font": 15,
            "cornerRadius": 20,
            "action": "handleCustomLabel1",
            "text": "其他登录方式",
            "textAlignment": 1,
            "backgroundColor": "#000000",
            "frame": {"mainScreenLeftDistance":80,"mainScreenRightDistance":80,"mainScreenBottomDistance":400,"height":40}
        }
    ]

| 配置项 | 说明 | | :---------------------------------------------- | ------------------------------------ | | widgets:JsonArray | 自定义view数组 | | ∟ type:String |控件类型，可选值为 UILabel、UIButton| | ∟ image:String |UIButton显示的图片。内容为图片名，不需要加图片后缀| | ∟ title:String |UIButton显示的文字| | ∟ titleColor:String |UIButton显示的字体颜色| | ∟ titleFont:int |字体的大小| | ∟ cornerRadius:int |控件的圆角| | ∟ backgroundImage:String |UIButton的背景图片| | ∟ backgroundColor:String | 控件背景颜色| | ∟ mainScreenLeftDistance:int |距离屏幕左边的距离，默认为0 | | ∟ mainScreenRightDistance:int |距离屏幕右边的距离，默认为0 | | ∟ mainScreenTopDistance:int |距离屏幕顶部的距离，默认为0 | | ∟ mainScreenCenterXWithLeftDistance:int |为0时，居中显示。大于0，向屏幕左侧偏移。小于0，向右侧偏移| | ∟ width:int |控件的宽度，默认为0 | | ∟ height:int |控件的高度，默认为0 | | ∟ textAlignment:int |0，文本左对齐。1，文本居中显示。2文本右对齐| | ∟ text:String |UILabel显示的文字| | ∟ textColor:String |UILabel的字体颜色| | ∟ action:String |设置可点击控件的点击事件，在监听中回调。详见事件监听 |

背景设置视频

| 属性 | 说明 | | :-------- | -------- | | localVideoFileName | 设置视频本地名称例如xx.mp4* | | isRepeatPlay | 设置是否重复播放视频，YES 表示重复播放，NO 表示不重复播放| | videoURL | 设置网络视频的地址|

背景设置 Gif

| 属性 | 说明 | | :-------- | -------- | | animationRepeatCount | 设置动画重复的次数 -1无限重复 | | animationImages | 设置图片数组| | animationDuration | 设置动画的时长|

状态栏

| 属性 | 说明 | | :-------- | -------- | | statusBarStyle | 设置状态栏样式 iOS13之前 0表示文字黑色，1表示文字白色 iOS13之后 0表示自动选择黑色或白色，3 表示文字黑色，2 表示文字白色|

导航栏

| 属性 | 说明 | | :-------- | -------- | | navBarHidden | 导航栏是否隐藏 | | navBgColor | 设置导航栏背景颜色 | | navText | 设置导航栏标题 | | navTextFont | 设置导航栏标题字体大小| | navTextColor | 设置导航栏标题字体颜色| | navTextHidden| 设置导航栏标题是否隐藏，默认不隐藏| | navReturnImg | 设置导航返回图标，例如："back-1" | | navReturnImgLeftMargin | 设置导航返回图标距离屏幕左边的距离，默认0 | | navReturnImgBottomMargin | 设置导航返回图标距离屏幕底部的距离，默认0 | | navReturnImgWidth | 设置导航返回图标的宽度，默认44 | | navReturnImgHeight| 设置导航返回图标的高度 , 默认44 | |

应用 Logo

| 属性 | 说明 | | :-------- | -------- | | logoImg | 设置logo图片, 例如："图片名.后缀"]| | logoWidth | 设置logo图片宽度 | | logoHeight | 设置logo图片高度 | | logoOffsetTopY |设置logo图片沿Y轴偏移量， logoOffsetTopY为距离屏幕顶部的距离，默认为20| | logoOffsetX | 设置logo图片沿X轴偏移量，logoOffsetX = 0居中显示| | logoHidden| 设置logo图片是否隐藏，默认不隐藏|

手机掩码

| 属性 | 说明 | | :-------- | -------- | | numberColor | 设置手机号码字体颜色| | numberFont | 设置手机号码字体大小，默认18 | | numberOffsetTopY | 设置手机号码沿Y轴偏移量， numberOffsetTopY为距离屏幕顶部的距离，默认为100| | numberOffsetX | 设置logo图片沿X轴偏移量，logoOffsetX = 0居中显示| | numberHeight| 设置手机号码框的高度默认27| | numberBackgroundColor| 设置手机号码的背景颜色| | numberCornerRadius| 设置手机号码的控件的圆角| | numberLeftContent| 设置手机号码的左边描述内容，默认为空| | numberRightContent| 设置手机号码的右边描述内容，默认为空色|

认证品牌

| 属性 | 说明 | | :-------- | -------- | | brandColor | 设置认证服务品牌文字颜色| | brandBackgroundColor | 设置认证服务品牌背景颜色| | brandFont | 设置认证服务品牌文字字体默认12| | brandWidth | 设置认证服务品牌的宽度，默认200| | brandHeight| 设置认证服务品牌的高度，默认16| | brandOffsetX| 设置认证服务品牌X偏移量，brandOffsetX = 0居中显示| | brandOffsetTopY| 设置认证服务品牌Y偏移量, brandOffsetTopY为距离屏幕顶部的距离，默认为150| | brandHidden| 设置是否隐藏认证服务品牌，默认显示|

登录按钮

| 属性 | 说明 | | :-------- | -------- | | logBtnText | 设置登录按钮文本| | logBtnTextFont | 设置登录按钮字体大小| | logBtnTextColor | 设置登录按钮文本颜色| | logBtnOffsetTopY | 设置登录按钮Y偏移量，logBtnOffsetTopY为距离屏幕顶部的距离，默认为200| | logBtnRadius| 设置登录按钮圆角，默认8| | logBtnUsableBGColor| 设置登录按钮背景颜色| | logBtnEnableImg| 设置登录按钮可用状态下的背景图片| | logBtnHighlightedImg| 登录按钮高亮状态下的背景图片| | logBtnOriginLeft| 登录按钮的左边距，横屏默认40 ，竖屏默认260| | logBtnOriginRight| 设置登录按钮的左边距，横屏默认40 ，竖屏默认260| | logBtnHeight| 设置登录按钮的高度，默认44|

隐私协议

若勾选框需要展示，请务必设置勾选框的选中态图片与未选中态图片协议未勾选时，登录按钮是否可点击可以自定义设置，弹窗提示的样式也可以自定义

| 属性 | 说明 | | :-------- | -------- | | unCheckedImageName | 例如：图片名| | checkedImageName | 例如：图片名| | checkboxWH| 设置复选框大小（只能正方形) ，默认 12| | privacyState| 设置复选框默认状态默认:NO | | checkBoxAlignment| 设置隐私条款check框位置 0 表示相对协议顶对齐 1 表示相对协议中对齐 2 表示相对协议下对齐默认顶对齐| | checkedSelected| 设置复选框勾选状态，YES:勾选，NO:取消勾选状态| | checkBoxMargin| 设置复选框距离隐私条款的边距默认 8| | appPrivacyOriginLeftMargin| 设置隐私条款距离屏幕左边的距离默认 60| | appPrivacyOriginRightMargin| 设置隐私条款距离屏幕右边的距离默认 40| | appPrivacyOriginBottomMargin| 设置隐私条款距离屏幕的距离默认 40| | privacyNavReturnImg| 设置用户协议界面，导航栏返回图标，默认用导航栏返回图标| | appPrivacyText| 设置隐私的内容模板：全句可自定义但必须保留"《默认》"字段表明SDK默认协议,否则设置不生效。必设置项（参考SDK的demo）appPrivacyText设置内容：登录并同意《默认》和易盾协议1、网易协议2登录并支持一键登录，展示：登录并同意中国移动条款协议和易盾协议1、网易协议2登录并支持一键登录 | | appFPrivacyText| 设置开发者隐私条款协议名称（第一个协议）| | appFPrivacyURL| 设置开发者隐私条款协议url（第一个协议）| | appSPrivacyText| 设置开发者隐私条款协议名称（第二个协议）| | appSPrivacyURL| 设置开发者隐私条款协议url（第二个协议）| | shouldHiddenPrivacyMarks| 设置是否隐藏"《默认》" 两边的《》，默认不隐藏| | privacyColor| 设置隐私条款名称颜色| | privacyFont| 设置隐私条款字体的大小| | protocolColor| 设置协议条款协议名称颜色| | appPrivacyLineSpacing| 设置隐私协议的行间距, 默认是1| | appPrivacyWordSpacing| 设置隐私协议的字间距, 默认是0| | progressColor| 设置用户协议界面，进度条颜色|

弹窗模式

| 属性 | 说明 | | :-------- | -------- | | popBackgroundColor | 设置窗口模式的背景颜色| | authWindowWidth | 设置弹窗的宽度，竖屏状态下默认是 300，横屏状态下默认是 335 | | authWindowHeight | 设置弹窗高度，竖屏状态下默认是335，横屏状态下默认是300 ⚠️底部半屏弹窗模式的高度可通过修改 authWindowHeight，调整高度默认335pt| | closePopImg| 设置弹窗模式下关闭按钮的图片，⚠️(必传)| | closePopImgWidth| 设置弹窗模式下关闭按钮图片的宽度默认20*| | closePopImgHeight| 设置弹窗模式下关闭按钮图片的高度默认20| | closePopImgOriginY| 设置关闭按钮距离顶部的距离，默认距离顶部10，距离 = 10 + closePopImgOriginY| | closePopImgOriginX| 设置关闭按钮距离父视图右边的距离，默认距离为10，距离 = 10 + closePopImgOriginX| | authWindowCenterOriginY| 设置居中弹窗沿Y轴移动的距离。例如：authWindowCenterOriginY = 10 表示中间点沿Y轴向下偏移10个像素| | authWindowCenterOriginX| 设置居中弹窗沿X轴移动的距离。例如：authWindowCenterOriginX = 10 表示中间点沿X轴向右偏移10个像素| | popCenterCornerRadius| 设置居中弹窗模式下，弹窗的圆角，默认圆角为16| | popBottomCornerRadius| 设置底部弹窗模式下，弹窗的圆角，默认圆角为16，注：只可修改顶部左右二边的值| | isOpenSwipeGesture| 设置底部弹窗模式下，是否开启轻扫手势，向下轻扫关闭弹窗。默认关闭|
| openBackTapGestureRecognizer| 开始弹窗模式下，后面的点击手势，默认关闭|

4. 调起授权页面

代码说明：

quickPassInstance.login(function (data) {
  if (!data.success && !data.cancel) {
    // TODO: 授权失败处理
  } else if (data.cancel) {
    // TODO: 用户主动取消授权处理
  } else {
    // TODO: 授权成功处理，可以进行关闭授权页、服务端验证等
  }
})

参数说明：

回调参数说明：
|回调参数|类型|描述| |----|----|----| | data.success|Boolean|授权是否成功| | data.cancel|String|用户是否主动取消授权（android独有）| | data.accessToken|Boolean|如果取号成功则返回运营商授权token，否则无此字段|

5. 关闭授权页面

代码说明：

quickPassInstance.closeAuthController()

6. 本机校验

代码说明：

quickPassInstance.numberVerify(mobileNumber, function (data) {
  if (data && data.success) {
    // TODO: 调用成功
  } else {
    // TODO: 调用失败
  }
})

参数说明：

入参说明：
|参数|类型|是否必填|默认值|描述| |----|----|--------|------|----| |mobileNumber|String|是|无|本机号码|
回调参数说明：
|回调参数|类型|描述| |----|----|----| | data.success|Boolean|调用是否成功| | data.token|String|如果校验成功返回token，否则无此字段| | data.accessCode|Number|请参考运营商错误码对照表| | data.errorMsg|String|desc的值为失败的描述信息|

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

号码认证

平台支持（兼容性）

环境准备

资源引入/集成

调用示例

SDK方法说明

1. 初始化

代码说明：

参数说明：

2. 预取号

代码说明：

参数说明：

3. 自定义授权页面

代码说明：

参数说明：

config 可配置项说明： android版

状态栏

导航栏

应用 Logo

手机掩码

认证品牌

登录按钮

隐私协议

协议详情 Web 页面导航栏

其他

自定义view

config 可配置项说明： iOS版

基础配置

转场动画

自定义控件

背景设置视频

背景设置 Gif

状态栏

导航栏

应用 Logo

手机掩码

认证品牌

登录按钮

隐私协议

弹窗模式

4. 调起授权页面

代码说明：

参数说明：

5. 关闭授权页面

代码说明：

6. 本机校验

代码说明：

参数说明：