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

智能小程序登录

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

button 组件

使用场景

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

使用方式

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

代码示例

• SWAN
• JS

 
 
 

  
  
  
  
  
  
 
  
  
  
 登录
  
  
  
 
  
  
  
 
 
 

 
 
 

  
  
  
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 进行授权及获取用户信息，具体流程请参考登录授权流程说明。

文章标题：创新互联百度小程序教程：智能小程序登录
当前地址：http://scanyue.cn/article/dpejocd.html