经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » 微信小程序 » 查看文章
小程序扫描普通链接二维码跳转小程序指定界面方法
来源:jb51  时间:2019/5/7 12:13:44  对本文有异议

微信官方文档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参数
*/

  1. let getQueryString = function (url,name) {
  2. console.log("url = "+url)
  3. console.log("name = " + name)
  4. var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')
  5. var r = url.substr(1).match(reg)
  6. if (r != null) {
  7. console.log("r = " + r)
  8. console.log("r[2] = " + r[2])
  9. return r[2]
  10. }
  11. return null;
  12. }
  13. module.exports = {
  14. getQueryString: getQueryString,
  15. }

//app.js文件如下:

  1. var utils = require('./utils/util')
  2.  
  3. App({
  4. onLaunch: function (options) {
  5. console.log("全局onLaunch options==" + JSON.stringify(options))
  6. let q = decodeURIComponent(options.query.q)
  7. if (q){
  8. console.log("全局onLaunch onload url=" + q)
  9. console.log("全局onLaunch onload 参数 flag=" + utils.getQueryString(q, 'flag'))
  10. }
  11.  
  12. }
  13.  
  14. })

在其它的界面中的js脚本中这样获取参数

  1. Page({
  2.  
  3. /**
  4. * 页面的初始数据
  5. */
  6. data: {
  7.  
  8. },
  9.  
  10. /**
  11. * 生命周期函数--监听页面加载
  12. */
  13. onLoad: function (options) {
  14. console.log("index 生命周期 onload"+JSON.stringify(options))
  15. //在此函数中获取扫描普通链接二维码参数
  16. let q = decodeURIComponent(options.q)
  17. if(q){
  18. console.log("index 生命周期 onload url=" + q)
  19. console.log("index 生命周期 onload 参数 flag=" + utils.getQueryString(q, 'flag'))
  20. }
  21. }
  22.  
  23. })

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

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号