uniapp实现一键登录（阿里云SDK）

uniapp使用阿里云SDK进行一键登录

一、引入阿里云的SDK(推荐使用云端SDK，可以缩小打包体积) 

引入地址：阿里云号码认证SDK - DCloud 插件市场

引入成功后在manifest.json中app原生插件配置中可以查看

二、初始化SDK

1、引入方式

const aLiSDKModule = uni.requireNativePlugin("AliCloud-NirvanaPns");

 2、设置秘钥（必调接口）

aLiSDKModule.setAuthSDKInfo("从阿里云控制台获取的秘钥")

aLiSDKModule.setAuthSDKInfo("从阿里云控制台获取的秘钥")

 三、获取秘钥

1、登录注册阿里云账号

阿里云登录 - 欢迎登录阿里云，安全稳定的云计算服务平台

2、创建号码认证方案管理

（1）号码认证中心-号码认证方案管理-新增认证方案

阿里云登录 - 欢迎登录阿里云，安全稳定的云计算服务平台

 

（2）获取秘钥 -点击秘钥-复制秘钥

四、唤起一键登录授权页

 

注：授权页不会自动关闭，需要我们手动关闭

 五、一键登录修改授权页主题

官网：阿里云号码认证SDK - DCloud 插件市场

根据官网来的，这里有几个坑

注：

（1）ios和安卓的样式是分开设置的

（2）主题设置图片不生效：需要重新打自定义基座包才会生效

（3）ios协议标题可能会出现：在onReady中设置title

uni.setNavigationBarTitle({title: "123555", });

  (4)ios不会自动居中/在小屏手机上会展示不全

       使用uni.getSystemInfoSync()获取手机屏幕宽度去调整