微信扫码跳转小程序并传参

2023-10-27

1. 打开微信公众平台

微信公众平台

扫码登录小程序的后台
在这里插入图片描述

开发》开发管理》开发设置》扫普通链接二维码打开小程序》添加

在这里插入图片描述

2. 输入业务域名

在这里插入图片描述

3. 下载校验文件

这里我用一个aa.txt来替代。把他放到test文件夹下

在这里插入图片描述

3. 修改nginx的配置文件

添加一个路由转发

	location /test{
		alias /usr/local/nginx/html/test/;
	}

4. 重启nginx,使配置文件生效

访问页面验证
在这里插入图片描述

5. 修改微信公众号后台

在这里插入图片描述

6. 新增测试连接

这里新增一个测试连接

https://我的域名/test?aa=333

然后使用二维码在线生成工具生成一个二维码,微信扫码,跳转到小程序pages/index/index页面

二维码在线生成网站
在这里插入图片描述

7. 页面参数接收

 onLoad(option) {
        console.log('onload>>>>>>>>>>>>>>index')
        if(option.q){
            //微信扫描扫描二维码进来的
            let url = decodeURIComponent(option.q)
            let obj = this.getUrlParam(url)
            console.log('从微信扫码过来obj')
            console.log(obj.aa)
 }
 getUrlParam(url){
            let params = url.split("?")[1].split("&");
            let obj = {};
            params.map(v => (obj[v.split("=")[0]] = v.split("=")[1]));
            return obj
 },
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信扫码跳转小程序并传参 的相关文章

  • IE8:对象不支持此属性或方法

    我知道我的问题是已知的 我只是想不出解决问题的方法 然而 该代码可以在 chrome ff 和 safari 中运行 但不能在 ie6 8 中运行 我尝试调试代码并弹出以下内容 线路 272 错误 对象不支持此属性或方法 这是我的 js 文
  • 使用innerHTML构建动态表格

    我正在尝试使用innerHTML 在javascript 中构建动态表 当Web应用程序运行时 它只打印console log 但不构建表 我尝试了两种方法 First success function data status jqXHR
  • 如何在 JavaScript 中正确初始化 ErrorEvent?

    我需要开火ErrorEvent以编程方式 但无法弄清楚如何初始化事件的属性 这些属性是只读的 并且initEvent 仅初始化事件类型 是否冒泡以及是否可取消 I tried var myErrorEvent new ErrorEvent
  • 如何使用PNGJS库从rgb矩阵创建png?

    我无法从此处的文档创建 PNG 文件 编码 https github com niegowski node pngjs https github com niegowski node pngjs 该文档提供了有关操作现有 PNG 的示例 为
  • 未捕获(承诺中)DOMException:注册失败 - 清单为空或丢失

    我正在尝试使用 Polymer 实现推送通知 我跟着这个链接 https developers google com web fundamentals getting started push notifications 并能够让服务人员注
  • 如何在javascript中访问文件? [复制]

    这个问题在这里已经有答案了 是否可以在 JavaScript 中访问扩展名为 txt 或 file 的文件 我想在我的函数中调用这个文件 如果您谈论的是在 Web 浏览器中运行的 javascript 那么答案是否定的 您无法访问客户端计算
  • 更改 c3.js 散点图中气泡的大小

    我有一个散点图 我想改变点的大小 使它们看起来像气泡 有人可以告诉我如何改变气泡的大小吗 这是我的代码 var chart c3 generate data xs IBM ibm x Microsoft microsoft x column
  • JavaScript 设置滚动高度

    在 JavaScript 中 将一个元素的滚动高度设置为另一个元素的滚动高度的正确方法是什么 直接赋值没有效果 谢谢 格雷格 直接是不可能的 scrollHeight 是一个只读属性 包含元素内容的总高度 以像素为单位 如果有元素 A 并且
  • 错误:使用本地文件时,summernote 不是一个函数

    我遇到了一个非常奇怪的问题 当我使用本地的 Summernote 文件加载文本编辑器时 发生了 summernote 不是函数 的情况 但是 如果我使用 cdn 文件加载编辑器 一切都会顺利 这是我的 HTML 标头代码
  • 按空格键后执行JS代码

    这是我的 JavaScript 代码 var changeIdValue function id value document getElementById id style height value document getElement
  • 从谷歌加载 jquery 不起作用(对我来说)

    啊 我是个可怜的菜鸟 下面的 html 文档没有提醒任何人我的求助 有人知道为什么吗 这对我有用
  • 使用 ES6 从子级获取父类名?

    我想获取父类名称 Parent 但我只能使用此代码检索子类名称 Child use strict class Parent class Child extends Parent var instance new Child console
  • Vue.js:折叠/展开父级中的所有元素

    我需要为我的 Vue 组件 一些可折叠面板 添加 展开 折叠全部 功能 如果用户单击折叠按钮 然后单击某个面板并将其展开 然后单击折叠按钮不会做任何事因为观看的参数不会改变 那么如何正确实现此功能 按钮必须始终折叠和展开组件 我准备了简单的
  • 如何在 Quill(富文本编辑器)中检测和修剪前导/尾随空格?

    如何检测并删除前导 尾随空格Quill https quilljs com 哪个是富文本编辑器 例如 样本HTML下面代表Quill文本的输出 nHi 我们想要检测并删除由以下命令创建的每个文本块的前导和尾随空格Quill 不适用于整个文档
  • 如何制作像 Twitter 一样带有字符限制突出显示的文本区域?

    Twitter 的提交推文文本框会突出显示超出字符限制的字符 如您所见 超出字符限制的字符以红色突出显示 我怎样才能实现这样的目标 您将在这里找到必要的解决方案和所需的代码 超过 140 限制 即变为负数 时如何插入 标签 https st
  • JavaScript 检查 null 与 undefined 以及 == 和 === 之间的区别

    如何检查变量是否null or undefined和有什么区别null and undefined 有什么区别 and 很难在 Google 上搜索 如何检查变量是否null or undefined 是变量null if a null o
  • 在 Google 地图上显示路径时出现问题

    我有多个经度和纬度点 例如 1 long lat starting point 2 long lat 3 long lat 4 long lat 我的代码如下
  • 通过 Scriptaculous 拖放防止 JavaScript 点击事件

    我的页面上有一些可拖动的元素 这些相同的元素有一个导航到另一个页面的点击事件 我试图确定在用户拖动时防止触发单击事件的最佳方法 但如果不拖动则仍然允许单击事件 有人对实现这一目标的最佳方法有任何想法吗 我通过使用类似以下内容解决了这个问题
  • Openlayers 3 中心地图

    我在唱歌开放层 3 http openlayers org en v3 0 0 apidoc 显示地图 我想使用经纬度坐标将地图居中 我正在使用快速入门代码 http openlayers org en v3 1 1 doc quickst
  • Webpack 未将 css 复制到 dist 中

    我有以下 css 文件 以及以下 webpack 配置 var path require path module exports entry app src index js output path path resolve dirname

随机推荐

  • markdown 文本内跳转,生成目录

    生成目录的方法 一 数据集获取及预处理 1 1 数据集导入 1 1 2数据集划分 1 2 二 binary classification 二元分类器 2 自己实现交叉验证函数 2 1 confusion matrix 2 2 precisi
  • MySQL数据库的导入与导出

    1 数据库的导入 1 1 新建一个数据库名称 create database 数据库名 students 如下 create database students 1 2 使用use命令进入该数据库 如下 use students 1 3 导
  • 监控流媒体服务器的搭建和使用

    需求的提出 海康 大华 宇视等视频监控系统 都有自己的流媒体服务器平台 为什么要还需要通用的流媒体服务器产品呢 这个问题可以从几个方面回答 1 经济性 传统监控厂商的流媒体服务器 由于主要面向城市建设和大型安防项目 往往造价和报价相对较高
  • Android pm 命令详解

    一 pm命令介绍与包名信息查询 1 pm命令介绍 pm工具为包管理 package manager 的简称 可以使用pm工具来执行应用的安装和查询应用宝的信息 系统权限 控制应用 pm工具是Android开发与测试过程中必不可少的工具 sh
  • QT QString与char *之间的转换

    1 QString转char 先将QString转换为QByteArray 再将QByteArray转换为char QString str hello QString转char QByteArray ba str toLatin1 char
  • 启动过滤器异常

    org apache catalina core StandardContext filterStart 启动过滤器异常 org apache catalina core StandardContext filterStart 启动过滤器异
  • 【转载】自监督学习详细介绍(学习笔记)

    原文链接 https blog csdn net Cloris Sue article details 105343762 一 相关文献 fast ai上面关于自监督学习的资料 Self supervised learning and co
  • 云原生之使用docker部署ZPan个人网盘系统

    云原生之使用docker部署ZPan个人网盘系统 一 ZPan介绍 1 ZPan简介 2 ZPan特点 二 检查本地docker环境 1 检查系统版本 2 检查docker版本 3 检查docker服务状态 三 下载ZPan镜像 四 部署Z
  • MySQL根据某个字段判断新增或更新

    有一个 USER表 字段有 id username password email phone 我们需要开发一个创建用户接口 username唯一 判断username是否存在 如果存在 就更新 不存在 就新增 看一下正常代码 创建用户 pu
  • 动态数码管实验

    多位数码管简介 多位数码管 即两个或两个以上单个数码管并列集中在一起形成一体的数码管 当多位一体时 其内部的公共端是独立的 而负责显示什么数字的段线 a dp 全部是连接在一起的 独立的公共端可以控制多位一体中的哪一位数码管点亮 而连接在一
  • 1.linux系统基础笔记(互斥量、信号量)

    操作系统是很多人每天必须打交道的东西 因为在你打开电脑的一刹那 随着bios自检结束 你的windows系统已经开始运行了 如果问大家操作系统是什么 可能有的人会说操作系统就是windows 就是那些可以放大 缩小 移动的窗口 对曾经是计算
  • Jenkins & Harbor

    Harbor 环境搭建 https github com goharbor harbor releases tag v2 5 6 点击下载地址安装包 安装 解压安装包 root localhost tar zxvf harbor offli
  • #if、#else、#endif、#elif、#ifdef、#ifndef的区别和使用

    常用的条件编译 if elif else endif ifdef ifndef 看名字就知道 跟我们平时用的if elseif else是 一样的 不同的是这里一定要记得 endif if 条件 1 代码 1 elif 条件 2 代码 2
  • HashMap底层原理:数据结构+put()流程+2的n次方+死循环+数据覆盖问题

    导航 Java笔记 踩坑汇总 Java基础 进阶 JavaWeb SSM SpringBoot 瑞吉外卖 SpringCloud 黑马旅游 谷粒商城 学成在线 MySQL高级篇 设计模式 常见面试题 源码 vincewm的博客 CSDN博客
  • 聊聊 220V交流 过零检测

    聊聊过零检测 以及如何实现过零检测 by 矜辰所致 增加测试结果 2023 6 20 目录 前言 一 什么是过零检测 1 1 为何需要过零检测 二 如何做过零检测 2 1 光耦 2 2 比较器 运放 2 3 三极管 MOS管 2 4 过零检
  • 利用哈弗曼编码

    1 课本教材习题5 18 a 根据字母及空格出现的频率 可构造哈夫曼树 1 根据字母及空格出现的频率 可构造哈夫曼树 如下图 利用哈夫曼编码定义 可得出哈夫曼编码为 z 1111011000 q 1111011001 x 111101101
  • python回文字符串编程_Python刷题:最长回文子串(字符串)

    题目描述 给定一个仅包含小写字母的字符串 求它的最长回文子串的长度 所谓回文串 指左右对称的字符串 解题思路 当字符串不为空时 回文子串最少也是一个字符 即初始长度为1 当回文子串更长时 就可能有两种情况 例如 aa 或 aba 即长度 1
  • 支持Blazor的保护!代码保护工具.NET Reactor v6.3.0.0全新出发

    NET Reactor是一个功能强大的代码保护和软件许可系统 适用于为 NET Framework编写的软件 并支持生成 NET程序集的所有语言 NET Reactor迎来了久违的版本更新 进入v6 3 0 0全新时代 支持Blazor保护
  • 【Vue】v-for循环图片绝对路径,图片无法显示

    1 src 和 src
  • 微信扫码跳转小程序并传参

    1 打开微信公众平台 微信公众平台 扫码登录小程序的后台 开发 开发管理 开发设置 扫普通链接二维码打开小程序 添加 2 输入业务域名 3 下载校验文件 这里我用一个aa txt来替代 把他放到test文件夹下 3 修改nginx的配置文件