文档中心>腾讯云微搭低代码>实践教程>在应用中实现退出登录

在应用中实现退出登录

最近更新时间:2024-04-12 14:36:11

我的收藏

使用场景

当用户登录应用后,希望能实现退出登录。

功能实现

步骤1: 构建登录场景

应用访问控制配置指引请参考文档 小程序或 H5 如何实现部分页面登录后才能访问,配置成功登录页展示。




步骤2: 添加退出登录按钮

在一个应用页面中添加用于触发退出登录的按钮。




步骤3:新建 JavaScript 方法

在编辑器左下角代码区的当前页面分类下单击 + 号,在弹出层中选择新建 JavaScript 方法


在代码编辑器中输入以下代码并保存。
export default async function({event, data}) {
const { authInstance } = await $w.cloud.getCloudInstance();
// 退出登录方法
await authInstance.signOut();
// 刷新页面
location.reload();
}



说明:
$w.cloud.getCloudInstance返回云开发 web-sdk 初始化后的实例(无需关心 tcb 环境信息及认证登录的处理),即 tcb.init 后返回的对象,可用该对象直接调用 tcb 的各种能力。

步骤4:设置退出登录按钮的事件

从页面编辑区或大纲树中选中退出登录,在右侧事件区选择点击(tap)事件,在弹出层中选择 JavaScript 代码


方法类型选择已有方法,执行方法里选择步骤 2 创建的代码,最后单击保存




步骤5:保存并发布应用

保存并发布应用后,单击退出登录后,即可实现退出登录。




注意事项

注意:
1. 如果使用了自定义身份源(SSO)登录方式,还可能需要在步骤 2 的 JavaScript 代码中调用第三方 IdP 的退出登录接口。
2. 上述退出登录的方式是适应于 Web 端应用,不适用于小程序。