• 登入登出
    • 登入
      • 登录
      • 请求用户授权
      • 登录并请求用户授权
      • 静默登录
      • 自动登录
    • 登出

    登入登出

    登入

    SDK 提供了快速登录小程序的接口,省去使用微信登录接口时获取 code, session_key 等辅助操作。

    danger
    从 2018 年 4 月 30 日开始,在小程序的体验版和开发版调用 wx.getUserInfo 接口,将默认调用失败。为应对微信的调整,我们在 SDK v1.4.0 中增加了对新的登录流程的支持,因此也推荐你使用新的 SDK 接口来完成登录和获取用户信息功能。关于最佳的登录实践,可参考 微信登录能力优化

    {% tabs first=”SDK 1.4.0 及以上版本”, second=”SDK 1.4.0 以下版本” %}

    {% content “first” %}

    小程序建议的登录流程是,通过 wx.login 获取用户 openID, 这时无需弹框授权,开发者拿到 openID 可以建立自身的帐号 ID。当必须要获得用户的头像昵称等信息时,才让用户点击 button(open-type=”getUserInfo” ),弹框授权。

    登录

    wx.BaaS.login(false)

    该方法会进行简单的登录,不需要用户授权,即不会弹出授权框。

    返回字段说明

    参数 类型 说明
    id Number 用户在用户表中的 ID
    openid String 用户唯一标识,由微信生成
    unionid String 用户在开放平台的唯一标识符,由微信生成

    请求示例

    1. // 微信用户登录小程序
    2. wx.BaaS.login(false).then(res => {
    3. // 登录成功
    4. }, res => {
    5. // 登录失败
    6. })

    请求用户授权

    开发者需要提供按钮的方式,令用户触发授权操作

    1. <button open-type="getUserInfo" bindgetuserinfo="userInfoHandler">用户授权</button>

    用户点击该按钮时,会返回获取到的用户信息,其中包括加密的敏感信息,开发者需在回调中调用 wx.BaaS.handleUserInfo 方法,以获得解密后的全部用户信息。若要使用 SDK 的支付等接口,wx.BaaS.handleUserInfo 必须被调用。

    请求示例

    1. userInfoHandler(data) {
    2. wx.BaaS.handleUserInfo(data).then(res => {
    3. // res 包含用户完整信息,详见下方描述
    4. }, res => {
    5. // **res 有两种情况**:用户拒绝授权,res 包含基本用户信息:id、openid、unionid;其他类型的错误,如网络断开、请求超时等,将返回 Error 对象(详情见下方注解)
    6. // *Tips*:如果你的业务需要用户必须授权才可进行,由于微信的限制,10 分钟内不可再次弹出授权窗口,此时可以调用 [`wx.openSetting`](https://mp.weixin.qq.com/debug/wxadoc/dev/api/setting.html) 要求用户提供授权
    7. })
    8. }

    wx.BaaS.handleUserInfo 返回字段说明

    当用户拒绝授权时:

    参数 类型 说明
    id Number 用户在用户表中的 ID
    openid String 用户唯一标识,由微信生成
    unionid String 用户在开放平台的唯一标识符,由微信生成

    当用户允许授权时,在上面返回参数的基础上,加上以下几个参数:

    参数 类型 说明
    avatarUrl String 用户头像
    city String 用户所在城市
    country String 用户所在国家
    gender Number 用户的性别,值为 1 时是男性,值为 2 时是女性,值为 0 时是未知
    language String 用户的语言,简体中文为 zh_CN
    nickName String 用户昵称
    province String 用户所在省份

    info
    wx.BaaS.handleUserInfo 默认会检查用户是否已登录,若未登录,该接口默认会先执行登录操作

    {% content “second” %}

    登录并请求用户授权

    wx.BaaS.login()

    该方法会进行登录并在成功登录后弹框询问是否授权获取用户信息。

    返回字段说明
    当用户拒绝授权时:

    参数 类型 说明
    id String (v1.2.0 后改为 Number) 用户在用户表中的 ID
    openid String 用户唯一标识,由微信生成
    unionid String 用户在开放平台的唯一标识符,由微信生成

    danger
    SDK 1.2.0 版本修改了返回 id 字段的类型,由 String 类型改为 Number 类型,与获取用户信息返回的 id 类型保持一致

    当用户允许授权时,在上面返回参数的基础上,加上以下几个参数:

    参数 类型 说明
    avatarUrl String 用户头像
    city String 用户所在城市
    country String 用户所在国家
    gender Number 用户的性别,值为 1 时是男性,值为 2 时是女性,值为 0 时是未知
    language String 用户的语言,简体中文为 zh_CN
    nickName String 用户昵称
    province String 用户所在省份

    请求示例

    1. // 微信用户登录小程序
    2. wx.BaaS.login().then(res => {
    3. // 用户允许授权,res 包含用户完整信息,详见下方描述
    4. }, res => {
    5. // **res 有两种情况**:用户拒绝授权,res 包含基本用户信息:id、openid、unionid;其他类型的错误,如网络断开、请求超时等,将返回 Error 对象(详情见下方注解)
    6. // *Tips*:如果你的业务需要用户必须授权才可进行,由于微信的限制,10 分钟内不可再次弹出授权窗口,此时可以调用 [`wx.openSetting`](https://mp.weixin.qq.com/debug/wxadoc/dev/api/setting.html) 要求用户提供授权
    7. })

    注:在 1.1.4 版本之前,login reject 行为是:用户拒绝授权,返回用户基本信息。但如果是网络断开、请求超时等情况,将直接抛出异常,这对业务逻辑的实现带来了一定的不便。因此,我们对用户拒绝授权回调做了调整,在原本的行为基础上,增加其他异常返回的 Error 对象,你可以通过以下方法做判断。(1.1.4 版本、1.1.5 版本存在直接返回 Error 对象的问题,请升级到 1.1.6 以上版本。)

    1. wx.BaaS.login().then(res => {
    2. console.log(res)
    3. }, res => {
    4. if (res instanceof Error) {
    5. if (res.code === 600) {
    6. console.log('网络已断开')
    7. } else if (err.code === 601) {
    8. console.log('请求超时')
    9. }
    10. } else {
    11. console.log('用户拒绝授权')
    12. console.log('用户基本信息', res)
    13. }
    14. })

    返回示例

    当用户允许授权时:

    1. {
    2. "nickName": "hip hop man",
    3. "gender": 1,
    4. "language": "en",
    5. "city": "Guangzhou",
    6. "province": "Guangdong",
    7. "country": "China",
    8. "avatarUrl": "xxxxxx",
    9. "id": "36395395",
    10. "openid": "xxxxx",
    11. "unionid": "xxxxxx"
    12. }

    也可以通过 wx.BaaS.storage.get('userinfo') 获取相对应信息, 该方法的具体使用请参照 “获取用户信息” 说明。

    当用户拒绝授权时:

    1. {
    2. id: "36395395",
    3. openid: "xxx",
    4. unionid: "xxx"
    5. }

    也可以通过 wx.BaaS.storage.get(<key>) 获取相对应信息(uid, openid, unionid)。

    静默登录

    danger
    该操作适用于 SDK version >= v1.1.0

    wx.BaaS.login(false)

    该方法分离出用户信息授权请求,只进行登录操作获取用户基础信息,因此不会弹出授权框。

    请求示例

    1. wx.BaaS.login(false).then(res => {
    2. }, err => {
    3. })

    返回示例

    1. {
    2. id: "36395395",
    3. openid: "xxx",
    4. unionid: "xxx"
    5. }

    也可以通过 wx.BaaS.storage.get(<key>) 获取相对应信息(uid, openid, unionid)。

    info
    当 appID、ClientID 配置有误时,登录会抛出异常:“认证失败,请检查 AppID、ClientID 配置”,需要进行检查和重新配置后重试。

    自动登录

    对 wx.BaaS 的方法进行调用时,默认会执行登录操作,在 SDK 1.1.0 以下版本,会进行登录并弹出确认授权模态框,而在 SDK 1.10 及以上版本改为只进行静默登录,不要求用户授权。

    {% endtabs %}

    登出

    清理客户端存储的用户授权信息。

    通过 wx.BaaS.logout() 函数完成登出功能。

    请求示例

    1. // 登出 BaaS
    2. wx.BaaS.logout().then(res => {
    3. // success
    4. }, err => {
    5. // err
    6. })

    info
    SDK 1.2.0 版本取消了在调用 logout 接口时对是否已登录状态进行检查,因此,开发者可以多次调用登出接口