跳到主要内容

邮箱登录

使用邮箱登录,您可以让您的用户使用自己的邮箱和密码注册、登录 CloudBase,并且还可以更新登录使用的邮箱和密码

开通邮箱登录#

第 1 步:开启邮箱登录#

进入 云开发 CloudBase 控制台,在 登录授权 设置页面中,开启邮箱登录:

第 2 步:配置发件邮箱#

打开右侧「配置发件人」页面,填入您邮箱的 SMTP 账号信息

第 3 步:设置应用名称及自动跳转链接#

打开右侧「应用配置」页面,设置您的应用名称自动跳转链接

tip
  • 您设置的应用名称将会出现在验证邮件的内容中;
  • CloudBase 发送的邮件中会包含一个 URL,用户打开邮件中的 URL 后,会自动跳转到您设置的自动跳转链接

登录流程#

第 1 步:初始化 SDK#

import cloudbase from "@cloudbase/js-sdk";
const app = cloudbase.init({  env: "your-env-id"});

第 2 步:使用邮箱注册账号#

首先需要用户填入自己的邮箱和密码,然后调用 SDK 的注册接口:

app  .auth()  .signUpWithEmailAndPassword(email, password)  .then(() => {    // 发送验证邮件成功  });

调用注册接口之后,CloudBase 会使用您预先设置的邮箱,发送一封验证邮件到用户的邮箱。邮件中包含一个激活链接,用户在点击激活链接后,账号才会正式注册成功。

密码强度要求

密码长度不小于 8 位,不大于 32 位,需要包含字母和数字。

第 3 步:使用邮箱+密码登录 CloudBase#

app  .auth()  .signInWithEmailAndPassword(email, password)  .then((loginState) => {    // 登录成功  });

使用 QQ 邮箱配置邮箱登录#

第 1 步:登录 QQ 邮箱#

进入 QQ 邮箱首页,登录您的 QQ 邮箱。

第 2 步:开启 IMAP/SMTP 服务#

登录邮箱后,进入「设置-账户」:

然后,在「账户」设置中,找到「开启服务」设置项,开启 IMAP/SMTP 服务:

开启成功后,请保存您的邮箱登录授权码:

注意

您也可以开启 POP3/SMTP 服务,两种服务的授权码都可以作为第 3 步的 SMTP 账号密码。

第 3 步:配置 QQ 邮箱作为发件人#

进入 云开发 CloudBase 控制台,在 登录授权 页面中,打开右侧「配置发件人」页面,选择 QQ 邮箱作为邮箱服务,使用 QQ 邮箱作为发件人地址和 SMTP 账号用户名,使用第 2 步的授权码作为 SMTP 账号密码。