微信小程序扫码进入小程序参数问题
2022/5/12 20:27:45
本文主要是介绍微信小程序扫码进入小程序参数问题,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
需求:扫描二维码进入小程序的详情页面,目录页面,页面请求都需要带上参数及需要验证用户授权。
既然是扫码进入的,那么我第一反应肯定是在请求拦截里做操作了,不然如何判断他是什么怎么进来的。一进入页面,肯定会有请求,我先调用一下wx.getLaunchOptionsSync()获取当前的场景值,看看他是怎么进来的。如果是扫码进来的, 我要记录起当前的url以及query参数。
// 获取场景URL let jumpUrl = '' // 获取场景ID const option = wx.getLaunchOptionsSync() // 1011 二维码 1012 长按图片识别 1013 扫描相册二维码 if(option.scene === 1011 || option.scene === 1012 || option.scene === 1013 || option.scene === 1047 || option.scene === 1048 || option.scene === 1049) { if(JSON.stringify(option.query) !== '{}') { jumpUrl = encodeURIComponent(`/${option.path}?${decodeURIComponent(option.query.scene)}`) } }
这里有两个注意的点:
1、option.query.scene 获取的参数需要用decodeURIComponent解码,解码出来的值是跟你自己写的参数会不一样的。
比如:一般你页面传值的url是: '/pages/detail/detail?id=3', 解码出来后的参数是'/pages/detail/detail?id=7627a3dc69a88c7t'这种格式,解码出这个之后,就拿这个去试试能否请求成功。
2、因为页面需要授权,你要把记录的链接带到登录页 '/pages/detail/detail?id=7627a3dc69a88c7t'去授权。如果直接带过去,会出现参数丢失问题,所以需要encodeURIComponent()加密一下
然后就可以带到登录页去了:
wx.reLaunch({ url: '/pages/login/login?redirect=' + jumpUrl, })
接下来就是获取参数的问题。
登录页获取参数,需要解码
onLoad: function (options) { // 获取url if(options.redirect) { const url = decodeURIComponent(options.redirect) console.log('url', url) // 授权完成后跳转回去 this.setData({ redirect: url }) } }
详情页的参数
因为扫码进来的链接是这样的
'/pages/detail/detail?scene=id=7627a3dc69a88c7t',所以在解码之后,还需要对scene做操作,有scene时,说明是扫码进来的,没有时,说明是页面跳进来的
onLoad(options) { let scene = decodeURIComponent(options.scene) let id = scene !== 'undefined' ? scene.split('=')[1] : options.id },
完。
这篇关于微信小程序扫码进入小程序参数问题的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具
- 2023-11-1952天学习微信小程序计划No.1:小程序简介