在小程序中打开普通二维码

 　转载注明出处：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,

        })

      }

    }