小程序扫描普通链接二维码跳转小程序指定界面方法


Posted in Javascript onMay 07, 2019

微信官方文档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'))
  }
 }

})

以上所述是小编给大家介绍的小程序扫描普通链接二维码跳转小程序指定界面详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
Javascript添加监听与删除监听用法详解
Dec 19 Javascript
D3.js进阶系列之CSV表格文件的读取详解
Jun 06 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
Jan 03 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
Feb 26 Javascript
模块化react-router配置方法详解
Jun 03 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
开发一个封装iframe的vue组件
Mar 29 Vue.js
JS ES6异步解决方案
Apr 29 Javascript
类和原型的设计模式之复制与委托差异
Jul 07 Javascript
VUE接入腾讯验证码功能(滑块验证)备忘
May 07 #Javascript
vue接入腾讯防水墙代码
May 07 #Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 #Javascript
详解vue中使用protobuf踩坑记
May 07 #Javascript
Node.js一行代码实现静态文件服务器的方法步骤
May 07 #Javascript
微信小程序扫描二维码获取信息实例详解
May 07 #Javascript
Vue数据绑定简析小结
May 07 #Javascript
You might like
重量级动漫纷纷停播!唯独OVERLORD第四季正在英魂之刃继续更新
2020/05/06 日漫
php 用checkbox一次性删除多条记录的方法
2010/02/23 PHP
20个PHP常用类库小结
2011/09/11 PHP
ThinkPHP整合百度Ueditor图文教程
2014/10/21 PHP
php截取视频指定帧为图片
2016/05/16 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
Js组件的一些写法
2010/09/10 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
2012/10/11 Javascript
jQuery筛选器children()案例详解(图文)
2013/02/17 Javascript
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
node.js实现快速截图
2016/08/27 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
浅谈vue2 单页面如何设置网页title
2017/11/08 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
JS获取当前时间的实例代码(昨天、今天、明天)
2018/11/13 Javascript
jQuery事件多次绑定与解绑问题实例分析
2019/02/19 jQuery
nodejs实现获取本地文件夹下图片信息功能示例
2019/06/22 NodeJs
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
详解Python修复遥感影像条带的两种方式
2020/02/23 Python
利用PyQt5+Matplotlib 绘制静态/动态图的实现代码
2020/07/13 Python
Python‘==‘ 及 ‘is‘相关原理解析
2020/09/05 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
英国门销售网站:Green Tree Doors
2020/01/07 全球购物
计算机应用专业学生的自我评价分享
2013/11/03 职场文书
行政监察建议书
2014/05/19 职场文书
运动会广播稿诗歌版
2014/09/12 职场文书
企业法律事务工作总结
2015/08/11 职场文书
2015年中学体育教师工作总结
2015/10/23 职场文书
深度学习小工程练习之垃圾分类详解
2021/04/14 Python
Python函数中的不定长参数相关知识总结
2021/06/24 Python
再谈python_tkinter弹出对话框创建
2022/03/20 Python