扫描设备二维码携带参数跳转到微信小程序指定页面(微信小程序二维码配置规则)

简介: 扫描设备二维码携带参数跳转到微信小程序指定页面(微信小程序二维码配置规则)

***1:打开微信公众平台: https://mp.weixin.qq.com 扫码登录***
在这里插入图片描述

2.点击左侧边栏开发=>开发管理=>开发设置=>服务器域名(必须是https服务 不可以是http)

提示:进行操作上线的项目千万不要忘记配置域名 不然你的接口请求不到数据 本机测试可以把开发工具的不校验域名打开是可以获取数据的
① request合法域名是发送请求获取数据的
② uploadFile合法域名是调用官方api上传文件需要使用
不一一列举
如下图开始配置:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

3.点击左侧边栏开发=>开发管理=>开发设置=>服务器域名=>扫普通链接二维码打开小程序

点击右侧添加:

在这里插入图片描述

点击添加进入此界面:
在这里插入图片描述
点击保存

保存后自动跳转到这里
在这里插入图片描述

为了让大家看得清楚我一一拆分

1:二维码地址
在这里插入图片描述
2:小程序界面路径
在这里插入图片描述
3.点击操作的发布即可
在这里插入图片描述

以上二维码配置规则完毕----疑问链接配置好了 二维码怎么看?

教程

: 打开 百度搜索草料二维码生成器 https://cli.im/ 二维码生成工具,输入配置好的二维码规则即可生成二维码,

在这里插入图片描述
然后在你要跳转到的界面代码进行接收参数
在这里插入图片描述

 onLoad(options) {
 if (options.q) {
var scan_url = decodeURIComponent(options.q);
// var scan_url = "https://api.cloudmis.com?id='8'&orderId=8BE519DE9A6A426988B88AE5FD391280"正则匹配这个链接
var reg = /[a-z]+:\/\/([A-Za-z0-9.]+)+\?(([a-z])+=([A-Za-z0-9']+)+)+\&([A-Za-z0-9]+)+=([A-Za-z0-9']+)/i;
var arr = scan_url.match(reg);
            this.orderId = arr[6]//获取二维码链接传输的OrderId参数进行赋值保存(用的是vue语法)
            this.urlq = options.q//获取二维码传输的链接和所有参数
        }
        }
        

如果你是用的hbuild编辑器发布代码 要使用发行进行打包 不要点击运行 运行是测试的时候使用的
当然点击运行发布代码也可以正常使用(不建议)在这里插入图片描述

接下来检查好代码无误打开微信开发者工具就开始上传了:
在这里插入图片描述
上传成功后再次打开微信公众平台https://mp.weixin.qq.com
点击左侧边栏管理=>版本管理=>开发版本=>点击提交审核
在这里插入图片描述
审核通过后看审核版本点击发布
在这里插入图片描述
点击发布之后就是线上版本了 就可以打开草料二维码生成二维码扫码进入指定界面了
(注意需要发布代码需要填写你的小程序信息下期讲解 这期不是重点主题)
在这里插入图片描述
成果展示
在这里插入图片描述
下期出什么教程请留言
在这里插入图片描述

相关文章
|
缓存 小程序 API
微信小程序页面导航与路由:实现多页面跳转与数据传递
本文深入探讨微信小程序的页面导航与路由机制,介绍多种页面跳转方式如`wx.navigateTo`、`wx.redirectTo`、`wx.switchTab`等,并讲解通过URL、全局变量和事件传递数据的方法。结合案例实现多页面跳转与数据传递,帮助开发者掌握这一重要技能。
|
小程序 前端开发 开发者
小程序的页面如何布局?
【10月更文挑战第16天】小程序的页面如何布局?
1480 1
|
小程序 JavaScript API
微信小程序开发学习之页面导航(声明式导航和编程式导航)
这篇文章介绍了微信小程序中页面导航的两种方式:声明式导航和编程式导航,包括如何导航到tabBar页面、非tabBar页面、后退导航,以及如何在导航过程中传递参数和获取传递的参数。
微信小程序开发学习之页面导航(声明式导航和编程式导航)
|
JSON 小程序 JavaScript
微信小程序页面事件,下拉刷新事件和上拉触底事件
这篇文章介绍了微信小程序中如何实现下拉刷新和上拉触底事件,包括开启下拉刷新、配置下拉刷新样式、监听下拉刷新事件,以及监听上拉触底事件和配置上拉触底的距离。
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4734 7
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
2683 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
5242 1
ly~
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
570 6
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
4169 11
技术小白如何利用DeepSeek半小时开发微信小程序?
|
小程序 Java 关系型数据库
weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
本文介绍了一款基于微信小程序的校园二手物品交易平台的开发与实现。该平台采用Java语言开发服务端,使用MySQL数据库进行数据存储,前端以微信小程序为载体,支持管理员和学生两种角色操作。管理员可管理用户、商品分类及信息、交易记录等,而学生则能注册登录、发布购买商品、参与交流论坛等。系统设计注重交互性和安全性,通过SSM框架优化开发流程,确保高效稳定运行,满足用户便捷交易的需求,推动校园资源共享与循环利用。