小程序扫描普通链接二维码跳转小程序指定界面方法
微信官方文档https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html
看了官方文档之后，还是存在很多困惑，微信小程序是托管到微信服务器上的，要想扫描普通链接跳转指定界面，首先要知道微信把小程序放的服务器的访问路径，这些最初想法，可是看微信官方文档，感觉不是我想的这样的
文档上：“二维码规则的域名须通过ICP备案的验证。”如果是微信的服务器，那他们就不必这么写了，
可是小程序是托管微信服务器上的，为什么扫码自己服务器上的url能跳转呢？困惑反倒是多了，然后各种查资料，最后还是在微信官方文档上找到答案了
原来是这样！恍然大悟！微信会扫描所有自己配置的url，如果匹配上了，就跳转至指定界面，还有个前提，小程序必须先发布代码，才可以。
下面记录一下详情：
1.二维码规则，这里需要下载微信提供的验证文件，放到指定目录，验证不过会有提示，验证过了如图所示，配置几层目录根据自己的需求而定，上图这个：https://www.aaa.com/a/b/c/ 验证文件放置到c目录同层
2.测试链接，这里的url就是扫码之后，跳转到你指定界面里，可以获取到你此处配置这个完整的url包括参数，当然，这个参数是一个动态参数，配置的时候是写死了一个，你的应用中，自己动态生成这个参数，
https://www.aaa.com/a/b/c/d/service?flag=123 目录a/b/c/d/是在你的服务器上真实存在的目录，在d目录里面有个脚本service，当然目录名称脚本名称换成你自己的，flag这个key值不能改变，123换成你的实际生成的动态参数
3.在app.js中这样获取参数
util.js
/**
* 获取url参数
*/
let getQueryString = function (url,name) {
console.log("url = "+url)
console.log("name = " + name)
var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')
var r = url.substr(1).match(reg)
if (r != null) {
console.log("r = " + r)
console.log("r[2] = " + r[2])
return r[2]
}
return null;
}
module.exports = {
getQueryString: getQueryString,
}
//app.js文件如下：
var utils = require('./utils/util')
App({
onLaunch: function (options) {
console.log("全局onLaunch options==" + JSON.stringify(options))
let q = decodeURIComponent(options.query.q)
if (q){
console.log("全局onLaunch onload url=" + q)
console.log("全局onLaunch onload 参数 flag=" + utils.getQueryString(q, 'flag'))
}
}
})
在其它的界面中的js脚本中这样获取参数
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("index 生命周期 onload"+JSON.stringify(options))
//在此函数中获取扫描普通链接二维码参数
let q = decodeURIComponent(options.q)
if(q){
console.log("index 生命周期 onload url=" + q)
console.log("index 生命周期 onload 参数 flag=" + utils.getQueryString(q, 'flag'))
}
}
})
以上所述是小编给大家介绍的小程序扫描普通链接二维码跳转小程序指定界面详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了利用momentJs做一个倒计时组件，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-12-12
JavaScript 有个 with 关键字, with 语句的原本用意是为逐级的对象访问提供命名空间式的速写方式。这篇文章主要介绍了JavaScript中with语句的相关知识，感兴趣的朋友一起学习吧2016-05-05
编程语言中，函数Func(Type a,……)直接或间接调用函数本身，则该函数称为递归函数。递归函数不能定义为内联函数。这篇文章主要介绍了JS中递归函数的相关资料,需要的朋友可以参考下2016-06-06
下面小编就为大家带来一篇sencha ext js 6 快速入门(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
本文将介绍一下Js获取Gridview选中行的内容的过程及步骤:取得gridview中获取选中行指定列的值.获取鼠标点击的元素等等，感兴趣的朋友可以了解下，或许对你学习js方面知识有所帮助2013-02-02
深入理解Javascript中的valueOf与toString
javascript中所有数据类型都拥有valueOf和toString这两个方法，null除外。它们俩解决javascript值运算与显示的问题,本文将详细介绍，有需要的朋友可以参考下2017-01-01
IE浏览器不管是什么版本，总是跟Web标准有些不太兼容。对于代码工作者来说，自然是苦不堪言，为了考虑IE的兼容问题，不管是写 CSS 还是 JS，往往都要对 IE 特别对待，这就少不了做些判断。本文不讨论如何区分 IE 的样式，仅是 JS 判定 IE 浏览器。2010-03-03
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。这篇文章主要介绍BootStrap组件之菜单按钮图标组件的相关资料,需要的朋友可以参考下2016-04-04
这篇文章介绍了Ajax实现邮箱验证的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-04-04
本文主要介绍了JavaScript利用正则表达式替换字符串中内容的具体实现方法，并做了简要注释，便于理解。具有一定的参考价值，需要的朋友可以看下2016-12-12
最新评论