扫描二维码进小程序指定页面(包解决!!)
一,你需要知道的
1.在开发小程序时,有时会有扫描二维码进入小程序的指定页面的业务需求。
2.微信小程序提供了这种功能,具体实现可以分三步
(1)在微信小程序后台配置好
(2)如何跳转
(3)代码中
二,小程序配置
1.首先需要在小程序后台-开发管理-开发设置下的扫描二维码进小程序模块下配置二维码规则
获取参数信息并跳转
2.配置二维码规则(很重要!!!)
耐心看完
2.小程序中跳转处理
你可以将测试链接复制下来,随便找到一个二维码生成工具网站,生成二维码,以便下面的测试
在首页中onLoad中接受参数
sharedParameterAnalysis是自己定义的函数,统一处理参数
// 小程序分享进入或二维码进入封装方法
sharedParameterAnalysis(options) {
// 小程序分享跳转处理
if (options?.share) {
console.log("小程序分享,路径为" + options.path + "参数为" + options.query);
// 小程序分享跳转处理
uni.navigateTo({
url: "/" + options.path + "?" + options.query,
});
} else if (options?.q) {//直接看这个!!!!!!!!!!!!!!!!!!!!!!
// 小程序自动加密,需要解码
const url = decodeURIComponent(options.q);
const regex = /[?&]([^=#]+)=([^]*)/g;
const params = {};
let match;
while ((match = regex.exec(url))) {
params[match[1]] = match[2];
}
console.log("二维码分享,路径为" + params.path + "参数为" + params.query);
// 小程序分享跳转处理
uni.navigateTo({
url: "/" + params.path + "?" + params.query,
});
} else {
// 未知参数
console.log("未知参数");
uni.showToast({
title: "未知参数",
icon: "none",
});
}
},
如果是二维码跳转options中会有q这个参数,内容为完整的测试链接,小程序会自动加密其中的路径地址
const url = decodeURIComponent(options.q);
const regex = /[?&]([^=#]+)=([^]*)/g;
const params = {};
let match;
while ((match = regex.exec(url))) {
params[match[1]] = match[2];
}
以上方法可以将options中q的路径解密出来,然后将其中的参数一一取出
eg:xxx.cn/qwe/index?share=1&path=pages_branch/details/index&query=id=36
此时params中会提取出
const params={
share:"1",
path:"pages_branch/details/index",
query:"id=36"
}
这个时候路径有了参数也有了,不就可以了吗!!
用户微信扫一扫即可打开指定页面了,多试几遍,一定可以
免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!



