免责声明:本站部分 Skill 来源于公开渠道,使用前请注意识别相关风险,内容版权归原作者所有,如 Skill 涉及版权问题,请在线反馈,核实后予以下架处理。
本 Skill 面向使用 @cloudbase/js-sdk 构建 Web 前端认证流程的开发者,在 auth-tool 已完成登录方式开关和 publishable key 配置的前提下,直接输出可运行的前端集成代码。覆盖从初始化 SDK、多种登录注册方式(手机/邮箱验证码、密码、匿名、OAuth、自定义票据)、会话持久化,到用户信息修改、密码重置、第三方账号绑定与解绑、账号注销等完整用户生命周期操作。所有代码片段均标注参数映射陷阱(如 phone 非 phone_number、token 为验证码字段),并给出与现有 UI 表单处理器接线的具体示例,避免产生"写了 helper 文件但按钮点击无响应"的悬空代码。
SKILL.md(本文件):技能主说明,包含触发条件、8 种登录方式的完整代码示例、用户管理 API 速查、参数映射表与常见错误规避| 用户怎么说 | 本技能做什么 |
|---|---|
| "我要在现有 React/Vue 项目里接入 CloudBase 手机号验证码登录" | 提供 auth.signInWithOtp({ phone }) + verifyOtp({ token }) 的完整调用链,并示范如何将 sendCode / verifyCode 接入现有表单 handler,而非注释掉的死代码 |
| "用户登录后怎么拿到 token 传给后端鉴权" | 给出 auth.getSession() 获取 access_token 并写入 Authorization: Bearer 请求头的标准写法 |
| "需要支持微信扫码和邮箱两种登录,还要能换绑手机" | 分别输出 OAuth 跳转登录、邮箱 OTP 登录代码,以及 updateUser({ phone }) + verifyOtp 的换绑流程,并提示需先在 auth-tool 开启对应开关 |
| "匿名游客后面要转正成正式账号" | 提供 signInAnonymously() 获取匿名会话,再调用 signUp 传入 anonymous_token 完成升级的完整代码 |
| "怎么监听用户登出事件做路由跳转" | 给出 auth.onAuthStateChange 监听 SIGNED_OUT 事件并执行页面重定向的示例 |