[ 模块教程 ] aliPhoneAuth（阿里云号码认证服务）demo分享

microtown · *发表于 2019-12-30 11:53:53*

本帖最后由 microtown 于 2021-9-16 17:22 编辑

aliPhoneAuth 封装了阿里云号码认证SDK。本模块提供了一键登录功能，可快速拉起阿里云的一键登录并获取token。号码认证服务整合三大运营商特有的数据网关认证能力，升级短信验证码体验，应用于用户注册、登陆、安全校验等场景，可实现用户无感知校验，操作更安全、便捷、低时延。

模块文档地址

功能介绍：
1. 快速接入阿里云一键登录功能。
2. 可自定义一键登录页面的样式。
3. 可根据自己的场景，分别调用阿里云SDK的某些接口。

模块代码片段
1. 使用前先去阿里云开通号码认证服务，添加认证方案，android及iOS是两种方案，添加后方案后，分别将密钥配置到config.xml文件中。参考模块文档说明。
2. 一键登录调用如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>Hello APP</title>
<link rel="stylesheet" type="text/css" href="./css/api.css" />
<style>
input,textarea{border:1px solid #ccc;margin: 5px;padding:5px;border-radius:3px;}
</style>
</head>
<body><br/><br/>
<div style="margin:10px;">
<input type="button" value="阿里云一键登录" onclick="onAliLogoClick()"/><br/>
<textarea id='resultTxt' style="width:90%;height:850px;">结果:</textarea>
</div>
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript">
apiready = function(){
};
function onAliLogoClick(){
var systemType=api.systemType;
if('ios'==systemType){
iOSClike();
}else if('android'==systemType){
androidClick();
}
}
//android调起一键登录
function androidClick(){
try{
var aliPhoneAuth = api.require('aliPhoneAuth');
var params={
timeout: 5000,
navHidden: "true",
logBtnTextColor: "#ffffff",
privacyColor: "#e75555",
switchAccText: "其他登录方式",
logoImage: "widget/icon/icon150x150.png",
//logBtnBackgroundImage: "widget/image/refresh.png",
privacyOne: ["《用户协议》", "https://www.apicloud.com/"],
privacyTwo: ["《隐私政策》", "https://www.apicloud.com/"],
privacyTip: "请阅读并同意协议"
}
aliPhoneAuth.oneKeyLogin(params, function(ret, err){
outputResult(JSON.stringify(ret));
if(ret.code=='600000'){//获取token成功
//调用服务器业务...
var token = ret.token;
aliPhoneAuth.quitLoginPage();//关闭一键登录页面
}else if(ret.code=='700000'){//点击返回，用户取消授权
}else if(ret.code=='700001'){//点击切换按钮，用户取消授权
// aliPhoneAuth.quitLoginPage();
}else{ //其他授权失败
// aliPhoneAuth.quitLoginPage();
}
});
}catch(err){
alert(err);
}
}
//iOS调起一键登录
function iOSClike(){
var aliPhoneAuth = api.require('aliPhoneAuth');
var params={
timeout: 5.0,
autoHideLoginLoading: 0,
privacyOne: ["《用户协议》", "https://www.apicloud.com/"],
privacyTwo: ["《隐私政策》", "https://www.apicloud.com/"]
}
aliPhoneAuth.oneKeyLogin(params, function(ret, err) {
outputResult(JSON.stringify(ret));
if (err || !ret) { //错误
return;
}
if (ret.resultCode == "600000") { //认证通过
aliPhoneAuth.cancelLoginVCAnimated();
var token = ret.token;
//拿token去服务器换取手机号并且登录上
} else if (ret.resultCode == "700001") { //点击了其他登录方式
aliPhoneAuth.cancelLoginVCAnimated();
}
});
}
function outputResult(msg){
document.getElementById("resultTxt").value += msg+"\r\n\r\n";
}
</script>
</html>

复制代码

模块截图

模块截图

aliPhoneAuth_测试材料包.zip 下载附件

2021-9-16 17:19上传5.52 MB下载次数: 2195

handsix · 回复于2019-12-31 07:43:52

不错收藏

瘦鱼全民讲座

购买了，demo代码可用，文档上ret似乎不全。同时发现onekeylogin函数未定义，另外有没有直接可以取到手机号的函数？还是说需要自己在服务端另做一个函数接受token再取？

瘦鱼全民讲座

购买了，但是onekeylogin未定义。另外获取token后是否要自己再在服务端定义函数获取用户手机号？

microtown

瘦鱼全民讲座发表于 2020-2-2 16:31
购买了，但是onekeylogin未定义。另外获取token后是否要自己再在服务端定义函数获取用户手机号？ ...

oneKeyLogin只在ios端有效，使用方法请参考demo。
获取token后要到自己的服务器端获取手机号。

无为书生

这个不支持自己写的 h5 页面么,! 只能修改原生页面的内容是么

microtown

无为书生发表于 2020-3-4 09:57
这个不支持自己写的 h5 页面么,! 只能修改原生页面的内容是么

是的，不支持自定义h5页面，只能修改原生页面的样式。

恒度

microtown 发表于 2020-3-4 14:46
是的，不支持自定义h5页面，只能修改原生页面的样式。

这个怎么后台解析token，获取电话号码呀，能有后台案例看一下嘛!

保留

你好这个 logo 能替换为自己的吗

保留

大佬你好我想用这个模块吗方便留下联系方式有很多问题不是太明白

[插件开发] [ 模块教程 ] aliPhoneAuth（阿里云号码认证服务）demo分享