敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
♦ 1. 阿里云 ,整合三大运营商实现无感知注册、登录或安全校验;
♦ 2. 接入步骤:
♦ 2.1 在阿里云控制台 ,获取秘钥;
♦ 2.2 调用 setauthsdkinfo 接口设置秘钥;
♦ 2.3 调用 checkauthenvenable 接口检查当前设备是否支持号码认证,如果支持则进入下一步;
♦ 2.4 调用 getlogintoken 接口拉起授权页面,用户同意授权后返回 token;
♦ 2.5 将 token 提交到您的服务器,以 token 做为参数调用阿里云服务器端接口 获取手机号码;
请从阿里云复制秘钥并粘贴于此处:
var key = $("#key").val(); if (key) { jsbridge.pns.setauthsdkinfo({ //必须,字符串类型,秘钥(在阿里云创建号码认证方案后获取) key: key }, function(succ, data) { alert(succ ? "已设置" : "失败\n" data.errormessage); }); } else { alert("请从阿里云复制秘钥并粘贴于此处"); $("#key").focus(); }
jsbridge.pns.checkauthenvenable(function(succ, data) { alert(succ ? "支持" : "不支持\n" data.errormessage); });
//拉起⼀键登录授权⻚⾯,回调函数中返回 token //请将此 token 提交到您的服务器,调用阿里云服务器端 接口获取此设备的手机号码 jsbridge.pns.getlogintoken({ //必须,字符串类型,标题栏 titletext: "登录悠悠淘", //必须,字符串类型,登录按钮文字 loginbuttontext: "一键登录", //可选,布尔类型,是否显示logo徽标 showlogo: false, //可选,数字类型,超时时间(秒) timeout: 10, //可选,字符串类型,口号语 slogantext: "使用本机号码一键登录", //可选,布尔类型,是否隐藏隐私条款复选框,默认false(不隐藏) privacyhidecheckbox: false, //可选,字符串类型,隐私条款前置自定义文案 privacyprefixtext: "我已阅读并同意", //可选,字符串类型,运营商协议前缀符号,只能是 <、(、《、【、『、[、(中的一个 privacyvendorprefix: "《", //可选,字符串类型,运营商协议后缀符号,只能是 >、)、》、】、』、]、)中的一个 privacyvendorsuffix: "》", //可选,字符串类型,隐私条款名称1 privacy1text: "《用户协议》", //可选,字符串类型,隐私条款链接1 privacy1url : "https://terms.alicdn.com/legal-agreement/terms/td/td201609301342_19559.html", //可选,字符串类型,隐私条款名称2 privacy2text: "《隐私政策》", //可选,字符串类型,隐私条款链接2 privacy2url : "https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html", //可选,字符串类型,隐私条款名称3 privacy3text: "", //可选,字符串类型,隐私条款链接3 privacy3url : "", //可选,字符串类型,隐私条款尾部自定义文案 privacysuffixtext: "" }, function(succ, data) { if (succ) { //请用此 token 调用阿里云服务器端 接口获取手机号码 jsbridge.setclipboardtext(data.token); alert("授权成功 token:\n" data.token); } else { alert("授权失败:\n" data.errormessage) } });
jsbridge.pns.getlogintoken({ titletext : "绑定手机号码", slogantext: "使用本机号码一键绑定", loginbuttontext: "一键绑定", showlogo: true, privacyhidecheckbox: true, privacyprefixtext : "绑定手机号即表示已阅读并同意" }, function(succ, data) { if (succ) { //jsbridge.setclipboardtext(data.token); alert("授权成功 token:\n" data.token); } else { alert("授权失败:\n" data.errormessage) } });
//1.设置秘钥 jsbridge.pns.setauthsdkinfo({ key: "ihyivvmvyrlgv1iy5fwplghljvtq2g8uftarsrolitffvtl9bdzq2esw2c2rmlkakvo7uzng5ffklkmk2xfzqm3brrstecyktjs 2qy2r3 ocutguxn6eqnfxlad1fiqjyzbjbkvz5que9syremrbl29vqganytx3xs kasnequj7zzciabsogvb3qymixoq o2dvbnaufhw5hiwbg/h9njs576zyo4cryk90hcaaeumvh hcsgovy9ku9jfobmispdbctor7789j6o26m5poyzmdoldejb4lbeexjvgre9h24d7j6tljg==" }, function (succ, data) { if (succ) { //2.检查设备是否支持获取本机号码 jsbridge.pns.checkauthenvenable(function (succ, data) { if (succ) { //3.拉起授权页面 jsbridge.pns.getlogintoken({ titletext : "登录悠悠淘", slogantext: "使用本机号码一键登录", loginbuttontext: "一键登录", privacyhidecheckbox: true, privacyprefixtext : "登录即表示已阅读并同意", privacyvendorprefix: "《", privacyvendorsuffix: "》", privacy1text: "《用户协议》", privacy1url : "https://terms.alicdn.com/legal-agreement/terms/td/td201609301342_19559.html", privacy2text: "《隐私政策》", privacy2url : "https://terms.alicdn.com/legal-agreement/terms/suit_bu1_taobao/suit_bu1_taobao201703241622_61002.html", }, function (succ, data) { if (succ) { //授权成功,将 token 提交到服务器,调用阿里云接口获取手机号码 //getmobile 接口文档 https://help.aliyun.com/document_detail/189865.html //$.post("https://xxxx", { token: data.token }, function (result) { }); //jsbridge.setclipboardtext(data.token); alert("授权成功 token:\n" data.token); } else { alert("授权获取本机号码失败:\n" data.errormessage) } }); } else { alert("此设备不支持获取本机号码\n" data.errormessage); } }); } else { alert("设置秘钥失败\n" data.errormessage); } });