微信小程序:全局路由登录拦截和分享参数过长的问题

简介: 微信小程序:全局路由登录拦截和分享参数过长的问题

文档

微信小程序没有提供路由拦截系统,我们可以自己通过应用首页作为入口,拦截所有页面

大致思路如下:

image.png

登录拦截

用户进入首页后,判断是否登录,或者执行其他全局判断的逻辑,比如:获取用户信息getUserInfo 等待请求逻辑结束之后,判断该进入哪个页面

分享拦截

1、页面

如果需要采用全局拦截判断,每个页面 的分享需要单独定义,将分享的地址统一改为/pages/index/index ,这样所有入口都统一到该页面。

params = {"name": "Tom", "age": 12} 
=> 
params_id = 1

2、参数

微信小程序的分享链接可以带参数,不过有长度限制(生成二维码参数,最大32个可见字符),那可以将分享的参数转换为短参数,真实的参数可以存在数据库,等页面到达/pages/index/index 时,通过接口获取真实参数

params = {"name": "Tom", "age": 12} 
=> 
params_id = 1

可以统一分享页面和参数,例如:

/pages/index/index?page=home&id=1
// 对应的真实参数是
page = /pages/home/home
params = {"name": "Tom", "age": 12} 
// 转换成完整路径
/pages/home/home?name=Tom&age=12


相关文章
|
8月前
|
存储 小程序 前端开发
微信小程序与Java后端实现微信授权登录功能
微信小程序极大地简化了登录注册流程。对于用户而言,仅仅需要点击授权按钮,便能够完成登录操作,无需经历繁琐的注册步骤以及输入账号密码等一系列复杂操作,这种便捷的登录方式极大地提升了用户的使用体验
2436 12
|
8月前
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。
|
11月前
|
小程序 前端开发 算法
|
12月前
|
移动开发 前端开发 Android开发
开发指南059-App实现微信扫描登录
App是用uniapp开发的,打包为apk,上传到安卓平板中使用
|
12月前
|
小程序 算法 前端开发
微信小程序---授权登录
微信小程序---授权登录
265 0
|
12月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
2551 7
|
12月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
2050 1
|
12月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
1798 7
|
6月前
|
小程序 Java 关系型数据库
weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
本文介绍了一款基于微信小程序的校园二手物品交易平台的开发与实现。该平台采用Java语言开发服务端,使用MySQL数据库进行数据存储,前端以微信小程序为载体,支持管理员和学生两种角色操作。管理员可管理用户、商品分类及信息、交易记录等,而学生则能注册登录、发布购买商品、参与交流论坛等。系统设计注重交互性和安全性,通过SSM框架优化开发流程,确保高效稳定运行,满足用户便捷交易的需求,推动校园资源共享与循环利用。

热门文章

最新文章