• 智能小程序登录
  • button 组件
    • 使用场景
    • 使用方式
    • 代码示例
    • 登录流程
  • 联合登录 / 手机号授权登录
    • 使用场景
    • 使用方式
  • swan.login
    • 使用场景
    • 使用方式
  • Tips

智能小程序登录

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

button 组件

使用场景

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

使用方式

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

代码示例

• SWAN
• JS

 


  
<view class="wrap">

  
 <view class="card-area" s-if="{{!isWeb}}">

  
 <button type="primary" class="middle-btn" contact open-type="login" bindlogin="login">登录</button>

  
 </view>

  
</view>

 

 


  
Page({

  
 login(e) {

  
 console.log('登录信息:', e);

  
 if (e.detail.errCode === '10004') {

  
 swan.showToast({

  
 title: '用户未登录',

  
 icon: 'none'

  
 });

  
 return;

  
 }

  
 swan.showToast({

  
 title: '用户登录成功',

  
 icon: 'none'

  
 });

  
 }

  
});

 

登录流程

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

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

使用场景

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

使用方式

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

swan.login

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

使用场景

web-view 组件里的 H5 页面。

使用方式

详情请参考 swan.login 。

Tips

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