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

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

文档

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

大致思路如下:

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


相关文章
|
存储 小程序 前端开发
微信小程序与Java后端实现微信授权登录功能
微信小程序极大地简化了登录注册流程。对于用户而言,仅仅需要点击授权按钮,便能够完成登录操作,无需经历繁琐的注册步骤以及输入账号密码等一系列复杂操作,这种便捷的登录方式极大地提升了用户的使用体验
4070 12
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。
|
小程序 前端开发 算法
|
移动开发 前端开发 Android开发
开发指南059-App实现微信扫描登录
App是用uniapp开发的,打包为apk,上传到安卓平板中使用
|
小程序 算法 前端开发
微信小程序---授权登录
微信小程序---授权登录
480 0
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4681 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
5205 1
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
4157 11
技术小白如何利用DeepSeek半小时开发微信小程序?