APP实现第三方登录功能(uniapp )1.用户交互流程(示例:微信登录)2.参考uniapp官方文档这是链接uniappAPI文档
服务提供商单击登录检查登录用户是否注册并获取用户信息2.1获取服务提供商是否在App平台上。 可用的提供商是部署在套餐环境中的提供商,无论手机端是否安装有该提供商的App。
云通过manifest构成相关模块和SDK信息,离线由原生项目构成。 某个服务提供商的配置被打包,在运行时可以得到合适的服务提供商。
代码示例
uni.get provider ({ service : ' oauth ',success3360function(RES ) console.log ) RES.provider ) if )~RES.provid }; ); }};
2.2点击进入各平台的流程不同,详见相关平台文档
微信小程序登录
支付宝小程序的用户验证(Alipay )
百度小程序注册
字节跳动小程序登录
苹果登录、苹果登录、Sign in with Apple
一键登录
代码示例
uni.login(provider:'weixin ',success:function ) loginRES ) console.log ) loginRES.authResult; (); 2.3检查登录用户是否注册了在步骤2返回的loginRes.authResult的openid是重要的。 委托界面调查该openid的用户是否注册,如果有,则返回对应的user信息,不经过步骤4就获取用户信息的2.4用户信息代码示例
uni.get userinfo (provider : provider.id,success:info={if ) info.userinfo ) constnickname=info.userinfo ) const data=JSON.stringify (info.userinfo ); const clientid=plus.push.get client info ().clientid; const red=uni.getSystemInfoSync (; const clientinfo={clientId,platform: 'APP ',os: red.platform,PhoneModel: red.model}; //注册用户界面this.authRegister(authRegister )、provider.id、openid、nickname、avatar、data、clientinfo ); //返回用户信息登录成功}; 3 .汇总IOs需要苹果登录(踩漏洞) )
项目代码: yizhi/yizhi/components/other-log in/other-log in.vue我感兴趣
下一期: APP第三方共享。 祝您愉快!