腾讯云微搭低代码 在应用中实现退出登录

应用访问控制配置指引请参考文档 小程序或 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 端应用,不适用于小程序。

赞 (0)
上一篇 5天前
下一篇 5天前