智能小程序登录

智能小程序提供的以下三种方法实现登录能力，使开发者方便地获取百度提供的用户身份标识，快速建立智能小程序内的用户体系。

button 组件

使用场景

不使用 web-view 组件的小程序页面。

使用方式

在 button 组件中，将 open-type 设置为 login ，调用 bindlogin 返回参数的 detail 判断是否登录成功，当 errMsg 为login:ok时即为成功。如想获取登录凭证请示用 swan.getLoginCode 。

代码示例

  • SWAN
  • JS
  1. <view class="wrap">
  2.     <view class="card-area" s-if="{{!isWeb}}">
  3.         <button type="primary" class="middle-btn" contact open-type="login" bindlogin="login">登录</button>
  4.     </view>
  5. </view>
  1. Page({
  2.     login(e) {
  3.         console.log('登录信息:', e);
  4.         if (e.detail.errCode === '10004') {
  5.             swan.showToast({
  6.                 title: '用户未登录',
  7.                 icon: 'none'
  8.             });
  9.             return;
  10.         }
  11.         swan.showToast({
  12.             title: '用户登录成功',
  13.             icon: 'none'
  14.         });
  15.     }
  16. });

登录流程

使用 button 组件方式进行登录流程示意图

智能小程序登录 - 图1

联合登录 / 手机号授权登录

使用场景

不使用 web-view 组件的小程序页面。

使用方式

该能力能快速完成小程序登录流程并获取用户手机号信息，实现自有账号体系与百度账号体系的互通，同时为使用平台提供的用户资产服务奠定了基础，详情请参考联合登录 / 手机号授权登录。如想获取登录凭证请示用 swan.getLoginCode 。

swan.login

此 API 只适用于 web-view 组件场景，其他情况请使用请使用 button 组件、联合登录 / 手机号授权登录方式实现登录，获取登录凭证请使用 swan.getLoginCode 实现。

使用场景

web-view 组件里的 H5 页面。

使用方式

详情请参考 swan.login 。

Tips

  • 登录完成后，开发者可以通过智能小程序提供的获取用户信息能力，快速地获取百度提供的用户身份标识，快速建立智能小程序内的用户体系。
  • 智能小程序使用 oauth 2.0 进行授权及获取用户信息，具体流程请参考登录授权流程说明。