原创

微信小程序扫描自定义二维码进入指定的page页面

首先分享一个实用的方法 将微信的api转为promise

const promisify = (wxApi) => {
  return (options, ...params) => {
    return new Promise((resolve, reject) => {
      const extras = {
        success: resolve,
        fail: reject
      }
      wxApi({
        ...options,
        ...extras
      }, ...params)
    })
  }
};

微信小程序扫描自定义二维码进入指定的page页面

  1. 在左边的菜单栏找到“开发”选项
    开发)
  2. 选择“开发设置”
    开发设置
  3. 找到“扫普通链接二维码打开小程序”区域,然后如果该项功能未开启的话,需要点击“开启”
    开发设置
  4. 开启之后会有添加选想,点击“添加”
    开发设置
  5. 配置二维码规则
    1. 第一项是选择协议: 选择协议类型,这个是新添加的,选择自己所支持的,如果自己的网站只支持http的话,最好是选择http,因为保存时是会进行验证的。
    2. 选择大小写: 这个也是新添加的,应该没太大的影响,只是影响协议的大小写
    3. 二维码规则(画重点): 这里只能填写自定义的网址,这个网址通常填写的都是属于自己网站的网址加上目录路径比如www.cuteelves.com/wxpage ,如果只是一级目录只需要将校验文件放到跟index.html同级的目录之下,如果是 www.cuteelves.com/wxpage/child 则需要将校验文件放到与index.html同级的wxpage文件目录下(如果没有就创建一个,这里只是示例,可以自定义的哦),记住填写的路径最后面不能跟有"/",记住填写的路径最后面不能跟有"/",记住填写的路径最后面不能跟有"/",例如:www.cuteelves.com/wxpage/ 这样是无效的,不能跳转的,重要的事情说三遍哈,还有一点很重要的就是校验文件下载下来不能更改名字(重点),否则点击保存时校验会失败。
    4. 小程序功能页面 我通常都是填写的首页pages/index/index,你们随意☺,前面不能有“/”。
    5. 在开发版中进行测试,需要填写测试链接,通常跳转都是带得有参数,参数跟测试链接不一致的都不能跳转(线上版的就参数就不影响了),测试范围需要选择开发版。
    6. 这个扫码规则也是需要进行发布的,创建完成之后,需要进行发布,发布之后只对线上版的小程序有效。
      开发设置
      开发设置
  6. 获取链接参数
    通常都是在跳转的页面的onLoad生命周期里面获取,参数名是q

         onLoad (e) {
             console.log(e.q);#q就是链接?后面的query参数,是字符串,想要获取到object
             #我是使用qs来转化的
             if (e.q) {
                 let params = qs.parse(e.q)
             }
         }
    
正文到此结束