vue3 uniapp 扫普通链接或二维码打开小程序并获取携带参数

news2024/11/28 1:07:48

vue3 uniapp 扫普通链接或二维码打开小程序并获取携带参数

微信公众平台添加配置

  • 微信公众平台 > 开发管理 > 开发设置 > 扫普通链接二维码打开小程序
    在这里插入图片描述
  • 配置链接规则在这里插入图片描述
  • 需要下载校验文档给后端存入服务器中，保存配置的时候会校验一次，确定当前的配置的服务器地址和你的服务器是否属于你
  • 获取携带的参数
 Page({
  onLoad(query) {
    const q = decodeURIComponent(query.q) // 获取到二维码原始链接内容
    const scancode_time = parseInt(query.scancode_time) // 获取用户扫码时间 UNIX 时间戳
  }
})

如何调试

  • 在后台管理中配置测试链接 最多5个
  • 复制设置的测试链接 例如 https//www.baidu.com:0000/?pages/polymerization/polymerization/?vin=123&barCode=456
  • 将当前设置的整条链接使用 草料二维码或其他生成二维码工具生成链接二维码
    在这里插入图片描述
  • 生成二维码
    在这里插入图片描述
  • 微信开发者工具编译
    在这里插入图片描述

文档参考

  • 小程序官网文档 扫普通链接二维码打开小程序

场景参考

  • 从A小程序点击按钮跳转进入B小程序指定页面
  • B小程序的很多页面需要登录后才能进入（如果直接跳转做了权限管控，那么会跳转到首页，用户无法到达指定页面）
  • 所以用户在点击后需要判断是否携带了参数，先将参数存入缓存，然后让用户登录，登录后再次判断缓存中是否有跳转的值
  • 最后拿到缓存的值进行跳转一系列的操作
  • 但有个致命的错误，如果你的域名上不止挂了一个项目，直接点击链接进行跳转会跳转到其他的项目上，而不会跳转到小程序
  • 点击链接进行跳转和用户自主扫描跳转有很大的出路
  • 当前方法只适合用户自主扫描不适合点击跳转，用户点击跳转可以使用 uni.navigateToMiniProgram(OBJECT)

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2248730.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

数据结构(初阶6)---二叉树(遍历——递归的艺术)(详解)

数据结构(初阶6)---二叉树(遍历——递归的艺术)(详解)

二叉树的遍历与练习 一.二叉树的基本遍历形式1.前序遍历(深度优先遍历)2.中序遍历(深度优先遍历)3.后序遍历(深度优先遍历)4.层序遍历！！(广度优先遍历) 二.二叉树的leetcode小练习1.判断平衡二叉树1）正常解法2）优化解法 2.对称二叉…
阅读更多...
spring boot2.7集成OpenFeign 3.1.7

spring boot2.7集成OpenFeign 3.1.7

1.Feign Feign是一个声明式web服务客户端。它使编写web服务客户端更容易。要使用Feign，请创建一个接口并对其进行注释。它具有可插入注释支持，包括Feign注释和JAX-RS注释。Feign还支持可插拔编码器和解码器。Spring Cloud增加了对Spring MVC注释的支持&…
阅读更多...
基于Redis内核的热key统计实现方案｜得物技术

基于Redis内核的热key统计实现方案｜得物技术

一、Redis热key介绍 Redis热key问题是指单位时间内，某个特定key的访问量特别高，占用大量的CPU资源，影响其他请求并导致整体性能降低。而且，如果访问热key的命令是时间复杂度较高的命令，会使得CPU消耗变得更加严重&…
阅读更多...
CTF-Hub SQL 报错注入（纯手动注入）

CTF-Hub SQL 报错注入（纯手动注入）

​ 当输入1时，发现只有查询正确，基本上可以判断出没有回显 开始注入(工具hackerBar) 题目是报错注入，方向就比较明显，大致说一下用到的函数和原理。 常见报错注入函数： 通过 floor() 报错注入通过 extractValue() …
阅读更多...
Elasticsearch中的节点（比如共20个），其中的10个选了一个master，另外10个选了另一个master，怎么办？

Elasticsearch中的节点（比如共20个），其中的10个选了一个master，另外10个选了另一个master，怎么办？

大家好，我是锋哥。今天分享关于【Elasticsearch中的节点（比如共20个），其中的10个选了一个master，另外10个选了另一个master，怎么办？】面试题。希望对大家有帮助； Elasticsearch中的节…
阅读更多...
linux安装mysql8.0.40

linux安装mysql8.0.40

一、下载MySQL安装包 1.查看glibc版本 rpm -qa | grep glibc 2.到mysql官网下载安装包 ​ 二、解压安装 1.上传压缩包纸/usr/local 目录下，解压： tar -xvf mysql-8.0.40-linux-glibc2.17-x86_64.tar.xz 2.重命名： mv mysql-8.0.40-linux-…
阅读更多...
【大数据学习 | Spark-Core】RDD的五大特性(包含宽窄依赖)

【大数据学习 | Spark-Core】RDD的五大特性(包含宽窄依赖)

分析一下rdd的特性和执行流程 A list of partitions 存在一系列的分区列表A function for computing each split 每个rdd上面都存在compute方法进行计算A list of dependencies on other RDDs 每个rdd上面都存在一系列的依赖关系Optionally, a Partitioner for key-value RDDs…
阅读更多...
在 Taro 中实现系统主题适配：亮/暗模式

在 Taro 中实现系统主题适配：亮/暗模式

目录 背景实现方案方案一：CSS 变量 prefers-color-scheme 媒体查询什么是 prefers-color-scheme？代码示例 方案二：通过 JavaScript 监听系统主题切换 背景 用Taro开发的微信小程序，需求是页面的UI主题想要跟随手机系统的主题适配…
阅读更多...
【C语言】int *p[ ] 与 int (*p)[ ] 的区分辨析

【C语言】int *p[ ] 与 int (*p)[ ] 的区分辨析

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳] 本文专栏: C语言 文章目录 💯前言💯基本概念：数组与指针💯理解 int *p[10] 与 int (*p)[10]1. int *p[10]：存放指针的数组2. int (*p)[10]：指向数组的指针 …
阅读更多...
Vue3 el-table 默认选中 传入的数组

Vue3 el-table 默认选中 传入的数组

一、效果&#xff1a; 二、官网是VUE2 现更改为Vue3写法 <template><el-table:data"tableData"border striperow-key"id"ref"tableRef":cell-style"{ text-align: center }":header-cell-style"{background: #b7babd…
阅读更多...
MT6769/MTK6769核心板规格参数_联发科安卓主板开发板方案

MT6769/MTK6769核心板规格参数_联发科安卓主板开发板方案

MT6769安卓核心板具有集成的蓝牙、FM、WLAN和GPS模块&#xff0c;是一个高度集成的基带平台&#xff0c;结合了调制解调器和应用处理子系统&#xff0c;以支持LTE/LTE-A和C2K智能手机应用。 该芯片集成了两个工作频率高达2.0GHz的ARMCortex-A75内核、六个工作频率高达1.70GHz的…
阅读更多...
在Excel中处理不规范的日期格式数据并判断格式是否正确

在Excel中处理不规范的日期格式数据并判断格式是否正确

有一个Excel表&#xff0c;录入的日期格式很混乱&#xff0c;有些看着差不多&#xff0c;但实际多一个空格少一个字符很难发现&#xff0c;希望的理想格式是 1980-01-01&#xff0c;10位&#xff0c;即&#xff1a;“YYYY-mm-dd”&#xff0c;实际上数据表中这样的格式都有 19…
阅读更多...
flask请求头回显的学习和探究如何进行错误页面污染回显

flask请求头回显的学习和探究如何进行错误页面污染回显

请求头 首先我们要了解一些flask的请求和响应是利用了什么。 flask的请求和响应主要利用了werkzeug&#xff0c;那么我们就要先了解一下什么是werkzeug&#xff0c;其结构又是什么。 werkzeug是一个基于python开发的一个web工具包&#xff0c;其是flask的核心组件之一。其功能…
阅读更多...
【Unity踩坑】Unity中父对象是非均匀缩放时出现倾斜或剪切现象

【Unity踩坑】Unity中父对象是非均匀缩放时出现倾斜或剪切现象

The game object is deformed when the parent object is in non-uniform scaling. 先来看一下现象 有两个Cube, Cube1&#xff08;Scale2,1,1)&#xff0c;Cube2&#xff08;Scale1,1,1&#xff09; 将Cube2拖拽为Cube2的子对象。并且将position设置为&#xff08;-0.6,1,0&a…
阅读更多...
uni-app 蓝牙开发

uni-app 蓝牙开发

一. 前言 Uni-App 是一个使用 Vue.js 开发&#xff08;所有&#xff09;前端应用的框架&#xff0c;能够编译到 iOS、Android、快应用以及各种小程序等多个平台。因此&#xff0c;如果你需要快速开发一款跨平台的应用&#xff0c;比如在 H5、小程序、iOS、Android 等多个平台上…
阅读更多...
解决SSL VPN客户端一直提示无法连接服务器的问题

解决SSL VPN客户端一直提示无法连接服务器的问题

近期服务器更新VPN后&#xff0c;我的win10电脑一致无法连接到VPN服务器&#xff0c; SSL VPN客户端总是提示无法连接到服务端。网上百度尝试了各种方法后&#xff0c;终于通过以下设置方式解决了问题&#xff1a; 1、首先&#xff0c;在控制面板中打开“网络和共享中心”窗口&…
阅读更多...
spring boot框架漏洞复现

spring boot框架漏洞复现

spring - java开源框架有五种 Spring MVC、SpringBoot、SpringFramework、SpringSecurity、SpringCloud spring boot版本 版本1： 直接就在根下 / 版本2：根下的必须目录 /actuator/ 端口：9093 spring boot搭建 1：直接下载源码打包 2：运行编译好的jar包：actuator-testb…
阅读更多...
大语言模型LLM的微调代码详解

大语言模型LLM的微调代码详解

代码的摘要说明 一、整体功能概述 这段 Python 代码主要实现了基于 Hugging Face Transformers 库对预训练语言模型&#xff08;具体为 TAIDE-LX-7B-Chat 模型&#xff09;进行微调&#xff08;Fine-tuning&#xff09;的功能&#xff0c;使其能更好地应用于生成唐诗相关内容的…
阅读更多...
华三(HCL)和华为(eNSP）模拟器共存安装手册

华三(HCL)和华为(eNSP）模拟器共存安装手册

接上章叙述，解决同一台PC上同时部署华三(HCL)和华为(eNSP）模拟器。原因就是华三HCL 的老版本如v2及以下使用VirtualBox v5版本，可以直接和eNSP兼容Oracle VirtualBox，而其他版本均使用Oracle VirtualBox v6以上的版本，所以正常安装HCL模拟器无法和ENSP兼容。 环境及组件：…
阅读更多...
Android 15 版本更新及功能介绍

Android 15 版本更新及功能介绍

Android 15版本时间戳 Android 15，代号Vanilla Ice Cream（香草冰淇淋），是当下 Android 移动操作系统的最新主要版本。 开发者预览阶段：2024年2月，谷歌发布了Android 15的第一个开发者预览版本(DP1)，这标志着新系统开发的正式启动。随后，在3月和4月，谷歌又相继推出了D…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023