有奖捉虫:行业应用 & 管理与支持文档专题 HOT
文档中心 > 腾讯云微搭低代码 > 最佳实践 > 小程序或 H5 如何实现部分页面登录后才能访问
小程序或 H5 应用开发过程中会遇到首页及部分页面在游客模式下就可以浏览,而部分页面需要用户注册登录后才能访问。本文实践案例就是基于此类场景,介绍如何通过微搭实现应用的非登录和登录浏览控制。

创建应用

在微搭控制台新建空白应用。
?
?
?

创建页面

1. 创建需要登录后才能浏览的页面,命名“权限页面”。
?
?
?
2. 在页面中拖入文本组件,文本内容显示“已经登录用户,可以访问此页”。
?
?
?
3. 创建不需要登录就能浏览的页面,命名“非权限页面”。拖入文本组件,文本内容显示“不需要登录,欢迎游客访问!”
?
?
?
4. 首页拖拽卡片组件,图文内容保留两个内容,分别命名为“无权限限制”、“有权限限制”。
?
?
无权限限制设置单击时打开非权限页面
?
?
?
有权限限制设置单击时打开权限页面
?
?
?

配置权限

有一些应用或页面设置为公开访问,未开启登录页,浏览这些应用页面不需要注册和登录账号,这些用户为未注册用户,对于未注册用户,系统默认分配为默认访客角色。
?
?
?
创建登录访客角色,并设置页面权限为可访问全部页面。
?
?
?

登录设置

访问控制里自定义应用的登录设置(访问控制请切换回旧版)。
?
?
切换到权限设置,选择无需登录访问应用访问权限选择角色默认访客,无权限处理选择访问无页面权限时跳转至登录页面外部用户默认权限选择角色登录访客
?
?
?

结果验证

发布自定义应用页面权限,可以为小程序或者 H5。
这里以 H5 为例,进行验证说明。
1. 发布成功后,打开应用。
?
?
?
2. 选择无权限限制的查看详情,会跳转到非权限页面。
?
?
?
3. 选择有权限限制的查看详情,会跳转到登录页面。
?
?
?
4. 输入手机号码验证通过后,登录成功会跳转到权限页面,同时其它页面也可以访问。
?
?
?


http://www.vxiaotou.com