Supabase邮件邀请用户后能否引导其首次登录时先设置密码？

这个需求在Supabase中完全可以实现，不需要强制使用默认的魔法链接式邀请流程，你预期的「先发邮件邀请、后由用户设置密码」的流程属于官方原生支持的场景，不存在思路过时的问题。

• 第一步：修改邀请邮件模板
  进入Supabase控制台的「Authentication > Settings > Emails」面板，找到「Invite template」配置项，将默认模板中的魔法链接替换为你的前端密码设置页面地址，必须保留{{ .Token }}占位符，示例跳转地址为：https://你的应用域名.com/set-password?invite_token={{ .Token }}
• 第二步：后端发起用户邀请
  调用Supabase官方的inviteUserByEmail接口发起邀请，该接口会自动给目标邮箱发送你修改后的邀请邮件，同时在auth.users表中生成一条待验证的用户记录，此时用户密码字段为空。
  提示：该接口建议仅在后端调用，不要暴露在前端避免被恶意刷取邀请
  提示：邀请token的默认有效期为24小时，可在「Authentication > Settings > General」的「Invite Expiry」项自定义调整时长
• 第三步：前端实现密码设置逻辑
  用户点击邮件链接进入你的密码设置页后，先从URL参数中提取invite_token，用户填写密码提交后，先调用verifyOtp接口完成邀请token验证，验证通过后再调用updateUser接口设置密码即可，示例代码如下：

// 1. 验证邀请token有效性
const { data: verifyRes, error: verifyError } = await supabase.auth.verifyOtp({
  email: 用户填写的邮箱,
  token: 提取到的invite_token,
  type: 'invite'
})

// 2. 验证通过后设置密码
if (verifyRes.user && !verifyError) {
  const { error: updateError } = await supabase.auth.updateUser({
    password: 用户设置的密码
  })
  if (!updateError) {
    // 密码设置成功，可直接跳转至应用内页
  }
}

• 第四步：后续用户可直接使用邮箱+密码完成登录、登出操作，逻辑和普通自主注册的用户完全一致。

两种方案没有优劣之分，可根据业务场景选择：

• 如果你需要支持用户自主登录、不用每次登录都依赖邮件验证码/魔法链接，选择上述自定义流程即可
• 如果你的业务场景适合无密码登录模式，可直接使用Supabase默认的魔法链接邀请配置

内容的提问来源于stack exchange，提问作者Sventies