微信小程序第三方授权登录

登录流程时序图：

 

 

 1、调用uni.getProvider()获取服务供应商，参数service确定是选择对应的什么操作，此处选择授权登录oauth

代码如下：

 

 2、调用登录接口uni.login（），参数provider就是登录服务提供商，通过 uni.getProvider 获取，如果不设置则弹出登录列表选择界面，会返回一个随机code码，小程序专有，用户登录凭证。开发者需要在开发者服务器后台，使用 code 换取 openid 和 session_key 等信息。

 

 3、虽然已经完成了登录，但是我们还需要检测授权登录是否过期，故需要调用uni.checksession（）来检测登录状态是否过期。

使用方式如下：

 

 4、获取用户登录信息uni.getuserinfo()（注意： 微信小程序端，在用户未授权过的情况下调用此接口，不会出现授权弹窗，会直接进入 fail 回调（详见《微信小程序公告》）。在用户已授权的情况下调用此接口，可成功获取用户信息。）

5、获取电话号码信息<button type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">获取手机号</button>

注意:获取电话号码和用户信息都得通过按钮触发:<button type="default" open-type="getPhoneNumber" @getphonenumber="decryptPhoneNumber">获取手机号</button>

 

 

 项目实际演练：