转载注明出处：www.xdxxdxxdx.com，或者加入java学习群学习讨论：481845043
有时候我们先做好了微信站，并且印刷好了一些宣传材料，宣传材料上的二维码为原来微信站的二维码，但是我们现在要主推小程序了，所以我们希望通过这些普通的二维码也能进入小程序的页面，这时候，我们就需要学习本篇所讲的知识了。
以下就来介绍如何通过普通二维码进入小程序页面。
一.到小程序后台配置页面路径规则
因为普通的二维码访问的是普通的网页路径，怎么让微信识别到这是一个小程序的路径而不是普通的页面路径呢？这就需要到小程序后台去配置路径规则。举个例子来说：我用www.xdxxdxxdx.com/article/23生成了一个二维码，很显然这是一个网站的二维码，但是我想要微信扫描这个二维码的时候，跳转到小程序的page/index/index。这时候就需要配置路径规则将二者绑定起来。
小程序后台--》设置--》开发设置--》扫普通链接二维码打开小程序，就可以添加普通链接路径与小程序路径的对应关系，如下图所示。
上述我们将www.wonyen.com/xcxxxxx这个路径规则与pages/index/index关联起来了，所以当我们扫普通码的时候，只要这个码是以www.wonyen.com/xcxxxxx这个路径开头的二维码，比如www.wonyen.com/xcxxxxx?buy=1166。微信都会引导到小程序的pages/index/index页面来，然后我们再在这个页面的js代码中去进行分发。把所有的访问都引导到首页，然后再进行分发，可以避免一些不必要的麻烦事情发生。
二.编写分发代码
先看代码，代码如下：
const app = getApp();const prototype = require('../utils/prototype.js');const dictionaries = { buy: '/pages/realCommodity/realCommodityDetail?realCommodityId=', shop: '/pages/shop/index?merchantId=', orderList: '/pages/orderList/orderList', realOrderId: '/pages/orderDetial/orderDetial?realOrderId='}const tabPage = ['shoppingCart', 'orderList', 'userCenter']const routeResult = function (parameter) { if (parameter.q) { //解码并获取到参数的数组 const pmArray = decodeURIComponent(parameter.q).replace(app.domain + 'xcxRoute?', '').split('='); if (dictionaries[pmArray[0]]) { const result = {}; result.url = dictionaries[pmArray[0]] + (pmArray[1] ? pmArray[1] : ''); result.isTabPage = prototype.inArray(tabPage, pmArray[0]); return result } } return false;}module.exports = { routeResult: routeResult} |
我们将路由分发的代码写成一个模块，以供其他页面调用。我们用了数据字典将普通的二维码链接跟小程序的链接一一对应，比如buy对应的是/pages/realCommodity/realCommodityDetail?realCommodityId=。当有一个链接来的时候，我们判断其parameter.q是否存在，存在则表明是普通的二维码链接，我们需要根据数据字典找出其实际的小程序路径，并且判断其是否是tab页。并存入到返回值中。
三.调用
在index.js里面，我们先引入上述模块，然后在页面加载的时候判断链接是否是普通链接，若普通链接则调用上述模块来进行分发。
const routeDictionary = require(app.resource.util.routeDictionary);const routeUrl = routeDictionary.routeResult(options); //如果是通过扫普通二维码过来的，在这里进行分发转跳 if (routeUrl) { if (routeUrl.isTabPage) { wx.switchTab({ url: routeUrl.url, }) } else { wx.navigateTo({ url: routeUrl.url, }) } }