uniapp登录流程

我就是我 2023-03-04 15:26 12阅读 0赞

uni.login(OBJECT)登录

H5平台登陆注意事项：

微信内嵌浏览器运行H5版时，可通过js sdk实现微信登陆，需要引入一个单独的js，详见普通浏览器上实现微信登陆，并非开放API，需要向微信申请，仅个别开发者有此权限H5平台的其他登陆，比如QQ登陆、微博登陆，uni-app未封装，请在条件编译里按普通H5写法编写。

OBJECT 参数说明

参数名 类型 必填 说明 平台差异说明provider String 否 登录服务提供商，通过 uni.getProvider 获取，如果不设置则弹出登录列表选择界面  
scopes String/Array 见平台差异说明 授权类型，默认 authbase。支持 authbase（静默授权）/ authuser（主动授权） / authzhima（芝麻信用） 支付宝小程序timeout Number 否 超时时间，单位ms 微信小程序、百度小程序success Function 否 接口调用成功的回调  
fail Function 否 接口调用失败的回调函数  
complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）

success 返回参数说明

参数名 说明authResult 登录服务商提供的登录信息，服务商不同返回的结果不完全相同errMsg 描述信息

uni.login({ 
      provider: 'weixin',
      success: function (loginRes) { 
        console.log(loginRes.authResult);
      }
    });

uni.checkSession检查登录状态是否过期

属性 类型 必填 说明success function 否 接口调用成功的回调函数fail function 否 接口调用失败的回调函数complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

uni.getUserInfo(OBJECT)获取用户信息。

UNI-APP 开发微信公众号（H5）JSSDK 的使用方式

在 uniapp 中可以使用模块方式引用微信 js-sdk ，微信官网直接下载的使用有问题，可以使用 jweixin-module。

安装

下载使用方式下载地址：https://unpkg.com/jweixin-module@1.4.1/out/index.js

使用、

调用 wx.login() 获取 临时登录凭证code ，并回传到开发者服务器。调用 auth.code2Session 接口，换取 用户唯一标识 OpenID 和 会话密钥 session\_key。之后开发者服务器可以根据用户标识来生成自定义登录态，用于后续业务逻辑中前后端交互时识别用户身份。