微信扫码跳转微信小程序

原创 已于 2023-08-28 20:36:16 修改 · 2k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信 #微信小程序 #小程序

于 2023-08-28 20:35:53 首次发布
本文介绍了在项目中如何通过微信小程序进行扫码支付，重点讲解了使用URLScheme进行跳转的方法，包括获取scheme码、url_link以及通过普通链接二维码打开，同时提到了微信官方的调用限制和参数传递方式。

一:首先声明为什么需要这样做

        项目中需要在后台管理页面进行扫码支付,其他人弄了微信小程序支付,所以就需要挑战小程序进行支付,在跳转的时候需要参数例如订单编号等

二:跳转小程序的方法有多种

        接口调用凭证 | 微信开放文档 

        具体可以参考微信开放文档

1.获取scheme码

 按照文档说:

调用上限
  • 每天生成 URL Scheme 和 URL Link 总数量上限为50万
  • 自 2022 年 4 月 11 日起，URL Scheme有效期最长 30 天，不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Scheme。若在微信外打开，用户可以在浏览器页面点击进入小程序。每个独立的URL Scheme被用户访问后，仅此用户可以再次访问并打开对应小程序，其他用户无法再次通过相同URL Scheme打开该小程序。在本次规则调整生效前已经生成的URL Scheme，如果有效期超过30天或长期会被降级为30天有效，只能被1个用户访问，开始时间从调整日期开始计算

个人测试好像不是那么回事 ,貌似多个用户都可以访问,不知是不是个例

返回的scheme 类似于下面这样样子  后端可以直接重定向 或者直接返回前端 看需求

在schcme中附带参数如下图所示

         2. 获取url_link

 其他跟第一种方法类似  主要就是传参的区别

 3.扫普通链接二维码打开小程序

扫普通链接二维码打开小程序 | 微信开放文档

可以在原有二维码的基础上直接用微信扫码进入

进入微信公众平台 小程序    安装上面的文档配置就行

 注意 此处配置完毕后只能用微信扫码打开

农居诗人
关注
实现微信扫一扫跳转到小程序指定页面
qq_37213281的博客
02-01 4万+
使用微信扫一扫跳转到小程序指定页面，并且可自定义参数
微信扫描二维码跳转到小程序页面
m0_61288143的博客
01-24 7958
activity_id=1&parent_id=2’，接下来我们就可以链接中携带的数据，完成项目下一步的功能。若二维码与测试链接匹配，且用户微信号是小程序指定的管理员/开发者/体验者，将打开指定版本的小程序。跳转到开发者上一步设置的小程序页面后，我们可以在小程序的onLoad当中获取到options.q的数据链接。测试完成后开发者可将二维码跳转规则发布现网，发布后扫描所有符合匹配规则的二维码，将跳转至指定的小程序页面。填写符合二维码前缀匹配规则的二维码完整链接用于测试，如包括参数，请完整填写。
普通链接二维码跳转小程序实现方案
最新发布
weixin_45495161的博客
09-20 825
本文介绍了一种基于微信普通链接二维码实现扫码跳转小程序的技术方案。该方案通过后台配置跳转规则，相比官方小程序码API具有无路径限制、配置灵活、兼容性好等优势。实现过程分为三个阶段：1)小程序后台配置二维码规则和跳转页面；2)后端生成包含访客信息的二维码链接；3)小程序前端解析二维码参数并自动填充表单。部署时需准备备案域名、配置服务器路径并上传校验文件。该方案可实现用户扫码后直接跳转小程序并自动填入相关信息，提升用户体验。
通过二维码跳转到小程序页面
student_zz的博客
08-16 4438
一、小程序管理台配置 先进入“开发管理”-》“扫普通链接二维码打开小程序”，然后点击【添加】，然后如下图所示： 二、生成二维码 直接去草料通过测试链接生成二维码，生成的二维码就可以分享给别人了，如下图：跳转到小程序后会在onLoad方法进行解析
微信扫描二维码跳转微信小程序开发版/体验版
qq_29184685的博客
04-25 7765
二维码规则中如果链接需要参数的话规则需要以 “/” 结束，比如：page/test/，在配置测试连接的时候也需要在参数?前加/，比如：page/test/?验证文件放置规则： 放置于URL中声明的最后一级子目录下，若无子目录，则放置于host所属服务器的顶层目录下。测试范围修改为开发版，并且在本地运行项目预览到手机中，再扫描配置的测试连接生成的二维码跳转到本地版本，测试范围修改为体验版，再扫描配置的测试连接生成的二维码跳转到体验版。在开发管理下找到【扫普通链接二维码打开小程序】部分，点击添加按钮。
小程序：微信扫码，携带参数跳转到小程序指定页面
热门推荐
snow的博客
09-04 5万+
有一个场景，用户使用手机微信的扫码功能，扫描一个二维码，跳转到小程序指定页面这样是不是很方便，省去了原来先打开微信--找到小程序--登录--操作业务流程等一系列操作，直接到了目标页面，是不是很有价值。 如何实现呢： 一、进入小程序后台，找到开发--开发管理--开发设置 二、开发设置页面 找到 扫普通链接二维码打开小程序--点击添加 三、添加页面 四、通过二维码访问带有参数的链接，在app.vue文件，onLaunch获取到参数 五、判断是否是登录状态，如果是继续，如果不是，...
微信扫码跳转到微信小程序指定页面
深渊那支花的博客
06-16 3721
用户想通过在微信上扫描实验室二维码直接进入小程序申请加入实验室。
微信扫码跳转到微信小程序制定页面
Gpointy的博客
08-14 1089
开发管理->扫普通链接二维码打开小程序->添加添加配置：校验文件需下载下来放到服务器上，可参考另一篇文章：发布配置：发布二维码配置必须先发布版本。
微信小程序扫码跳转小程序过程记录
weixin_42129248的博客
11-04 1789
这里写自定义目录标题经验总结测试链接配置测试范围开发版体验版 经验总结 小程序开发真的很恶心，恶心，恶心 测试地址一定要和你扫码的二维码内空一模一样，包括参数，否则你会跳转到正式版，或者无法跳转 扫码后，可能并不是你想要跳转的版本，此时退出小程序 ，在微信主界面下拉，通过查看最近使用小程序，确定自己到底跳转的哪个版本 更改二维码的测试范围为开发版后，不一定会马上生效，或许要等几分钟，或许你需要上传新的版本,目前看，上传新版本好像是可以的 体验版不开调试模式，无法访问未在平台配置的接口和webview页面
微信小程序自定义扫码功能界面的实现代码
11-20
在微信小程序中，实现自定义扫码功能界面是一个常见的需求，特别是在需要提供个性化用户体验的应用中。传统的`scanCode` API虽然方便，但不支持界面自定义，因此我们需要利用原生组件来构建这样的界面。本文将详细...
微信扫码跳转到小程序指定页面
weixin_46201586的博客
07-08 4328
微信扫码跳转到小程序指定页面
小程序：扫二维码跳转小程序
Lovely Ruby 的手账
07-11 5400
扫二维码跳转小程序 条件 你的小程序必须要上线 操作 把小程序发布到线上 在微信开发者模式中上传你的小程序项目 登录微信小程序官网 提交你的开发版本，进行审核，等待审核通过即可手动发布到线上，找到如图这些地方 生成二维码 打开微信公众平台接口调试工具 填写小程序的 id 和 密钥 id 和 密钥在这里找 获取到 taken 然后我们在 postman 中请求一下 // 请求连接 https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaq
扫码跳转小程序终极方案，详细记录踩过的坑！不信进来看！扫描普通二维码进入小程序功能记录（两种方式）
柑橘乌云_
02-04 2万+
还有一个校验文件，这个必须扔到服务器上面，放在域名下根目录即可，只要在二维码规则下的地址可以访问到即可 放在域名下根目录即可，只要在二维码规则下的地址可以访问到即可否则这个扫码跳转小程序校验不通过。（点击添加进入到的配置页面就可以获取到校验文件）：测试范围配置项中的开发班和体验版是不支持自定义传参的，也就是说扫了二维码会跳转到空白页面。所以选择了开发版或体验版需要进行测试链接的填写，就好啦！如果是后端去生成小程序，前端只需要调用自定义接口传递需要的参数，然后生成小程序的逻辑后端去完成，然后返回。
如何将微信扫描二维码，跳转微信小程序，将体验版和正式版分开跳转
qq_54352013的博客
10-09 3384
使用场景：当一个微信小程序项目是通过扫一扫弹出微信小程序打开页面的时候，这时候需要进行测试，也就是将正式版和测试版分开，扫描二维码，如果是本地的就跳转到测试版，如果是真实地址就跳转到正式版小程序，这时候就需要进行二维码配置。
微信小程序 扫码跳转
花花世界的博客
03-05 498
初次调用微信小程序的扫码，记录一下。其实也很简单直接调用微信官方提供的api就能实现 wx.scanCode（） // 允许从相机和相册扫码 wx.scanCode({ success (res) { console.log(res) } }) // 只允许从相机扫码 wx.scanCode({ onlyFromCamera: true, success (res) { console.log(res) } }) 下面是打印的log数据 里面的参数官方也有给解释
微信小程序实现微信APP上的扫一扫扫码跳到小程序对应的结果页面和签字等功能
qq_37635012的博客
02-20 4501
最近做了一个小程序项目，这个小程序是搭配APP端使用的，大概需求是这样的，用户用微信的扫一扫或小程序首页的扫一扫都可以实现对APP上的二维码进行扫码识别，识别成功之后跳到页面进行渲染，然后用户可以对其签字和编辑提交等。当用户扫码成功后会跳到一个临时页面temporary.wxml，这个页面作为一个中转页面，主要是为了当用户从微信的扫一扫进来时也是先进这个中转页面再到结果页面，相当于从微信的扫一扫进来时不用到小程序的扫一扫里再授权什么的。
微信扫码跳转到小程序内部,浏览器扫码跳转到App 内部,如果手机上没有安装App ,跳转到下载页
qq_34297848的博客
10-18 968
第一步:登录微信公众平台,左侧点击开发管理,点击开发设置,滑到最下边,找到扫普通链接二维码打开小程序,配置对应的二维码链接,注意要拿这个链接去生成二维码,这样微信扫码才能跳转到小程序内部,还有那个校验文件,让后台放到对应的文件夹下,之后才能提交成功.就是这个东西,然后下载页跳转 window.location.href = xssd:// , 如果要跳转到指定页面。skuid='+path_param 就是这样。
【教程】微信扫描二维码进入小程序指定页面并携带参数
weixin_45887187的博客
06-24 1万+
微信扫描二维码进入小程序指定页面并携带参数的教程
微信扫一扫扫描二维码跳转到小程序指定页面
明耀的博客
12-13 8053
1微信公众平台-开发-开发设置-扫普通链接二维码打开小程序 2点击添加 3设置二维码规则，选择测试范围 4 保存后，可根据测试连接生成二维码，通过微信扫一扫功能进行测试跳转 5 在跳转页面的onLoad中获取二维码中的参数如下： onLoad: function (options) { const {q} = options; if (q) { let urlStr...
微信扫码跳转小程序参数二次编码
08-16
在微信扫码跳转小程序时，对参数进行二次编码的实现方法主要涉及在生成二维码时对参数进行编码，以及在小程序端接收并解析参数时进行解码。以下是一个完整的实现方法： ### 参数编码（生成二维码时） 在生成二维码时，通常需要将参数拼接到 URL 上，例如 `https://example.com/page?param1=value1&param2=value2`。为了确保参数在传输过程中不会被破坏，需要对参数值进行编码。可以使用 `URLEncoder.encode()` 方法对参数值进行编码。 ```java import java.net.URLEncoder; import java.nio.charset.StandardCharsets; public class UrlEncoderExample { public static void main(String[] args) { try { String param1 = URLEncoder.encode("value1", StandardCharsets.UTF_8.toString()); String param2 = URLEncoder.encode("value2", StandardCharsets.UTF_8.toString()); String url = "https://example.com/page?param1=" + param1 + "&param2=" + param2; System.out.println(url); } catch (Exception e) { e.printStackTrace(); } } } ``` ### 参数解码（小程序端接收参数时） 在小程序端，接收到的参数通常是经过编码的，需要对其进行解码。可以使用 `decodeURIComponent()` 和 `decodeURI()` 方法对参数进行解码。 ```javascript Page({ onLoad(options) { let query = options.q; let params = this.getQueryParams(query); console.log(params); }, getQueryParams(queryString) { queryString = decodeURIComponent(queryString); let params = {}; if (queryString) { let queryArray = queryString.split('?'); if (queryArray.length > 1) { let query = queryArray[1]; let array = query.split('&'); array.map((value) => { let valueArray = value.split('='); if (valueArray.length > 1) { params[valueArray[0]] = decodeURI(valueArray[1]); } }); } } return params; } }); ``` ### 说明 1. **编码部分**：在生成二维码时，使用 `URLEncoder.encode()` 对参数值进行编码，确保特殊字符不会破坏 URL 结构[^2]。 2. **解码部分**：在小程序端，首先使用 `decodeURIComponent()` 对整个查询字符串进行解码，然后使用 `decodeURI()` 对每个参数值进行解码，以确保中文字符等特殊字符能够正确显示[^1]。 ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值