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

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

***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
点击左侧边栏管理=>版本管理=>开发版本=>点击提交审核
在这里插入图片描述
审核通过后看审核版本点击发布
在这里插入图片描述
点击发布之后就是线上版本了 就可以打开草料二维码生成二维码扫码进入指定界面了
(注意需要发布代码需要填写你的小程序信息下期讲解 这期不是重点主题)
在这里插入图片描述
成果展示
在这里插入图片描述
下期出什么教程请留言
在这里插入图片描述

相关文章
|
2月前
|
小程序 前端开发 Android开发
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
540 29
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
|
2月前
|
JSON 监控 小程序
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
143 14
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
|
4月前
|
存储 移动开发 小程序
校园圈子系统小程序(圈子论坛、私信聊天、资料共享、二手交易、兼职,跑腿)开源码开发/微信公众号、小程序、H5多端账号同步/搭建多城市的综合社交生活平台
基于开源技术栈构建的校园圈子系统小程序,整合社交与生活服务功能,涵盖兴趣圈子、私信聊天、资料共享、二手交易、兼职跑腿等六大核心模块。通过多端账号同步(微信公众号/小程序/H5),实现数据实时交互,满足学生群体的多元化需求。项目精准锚定校园市场,以“社交+服务”双轮驱动,提供一站式解决方案,支持快速部署与多校区运营,同时具备广告、佣金、会员等多元变现能力,是打造校园生态的理想工具。
322 2
校园圈子系统小程序(圈子论坛、私信聊天、资料共享、二手交易、兼职,跑腿)开源码开发/微信公众号、小程序、H5多端账号同步/搭建多城市的综合社交生活平台
|
9月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
1389 1
|
5月前
|
小程序 数据安全/隐私保护 开发者
【02】微信支付商户申请下户到配置完整流程-微信开放平台申请APP应用-微信商户支付绑定appid-公众号和小程序分别申请appid-申请+配置完整流程-优雅草卓伊凡
【02】微信支付商户申请下户到配置完整流程-微信开放平台申请APP应用-微信商户支付绑定appid-公众号和小程序分别申请appid-申请+配置完整流程-优雅草卓伊凡
243 3
|
5月前
|
人工智能 小程序 程序员
【视频测评 DEMO 参考】VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
VSCode 神级 AI 插件通义灵码:完全免费+实战教程+微信贪吃蛇小程序
437 8
|
5月前
|
存储 小程序 前端开发
微信小程序与Java后端实现微信授权登录功能
微信小程序极大地简化了登录注册流程。对于用户而言,仅仅需要点击授权按钮,便能够完成登录操作,无需经历繁琐的注册步骤以及输入账号密码等一系列复杂操作,这种便捷的登录方式极大地提升了用户的使用体验
1490 12
|
5月前
|
自然语言处理 搜索推荐 小程序
微信公众号接口:解锁公众号开发的无限可能
微信公众号接口是微信官方提供的API,支持开发者通过编程与公众号交互,实现自动回复、消息管理、用户管理和数据分析等功能。本文深入探讨接口的定义、类型、优势及应用场景,如智能客服、内容分发、电商闭环等,并介绍开发流程和工具,帮助运营者提升用户体验和效率。未来,随着微信生态的发展,公众号接口将带来更多机遇,如小程序融合、AI应用等。
|
3月前
|
小程序 Java 关系型数据库
weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
本文介绍了一款基于微信小程序的校园二手物品交易平台的开发与实现。该平台采用Java语言开发服务端,使用MySQL数据库进行数据存储,前端以微信小程序为载体,支持管理员和学生两种角色操作。管理员可管理用户、商品分类及信息、交易记录等,而学生则能注册登录、发布购买商品、参与交流论坛等。系统设计注重交互性和安全性,通过SSM框架优化开发流程,确保高效稳定运行,满足用户便捷交易的需求,推动校园资源共享与循环利用。
|
4月前
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
1323 11
技术小白如何利用DeepSeek半小时开发微信小程序?

热门文章

最新文章