小程序扫描普通二维码打开小程序的方法
⼩程序扫描普通⼆维码打开⼩程序的⽅法
  很久没有写博客了，之前换了⼀份⼯作，很久没有做Android开发了，现在转做前端开发了，记录⼀下遇到的问题及解决的⽅法。
  最近做⼩程序开发，遇到⼀个需求，后台管理系统⽣成的问卷和投票会有⼀个⼆维码，需要⽤扫码后⾃动打开⼩程序的问卷或投票详情页⾯。
  ⾸先，每个问卷或投票都有⼀个唯⼀的id，使⽤vue-qr来⽣成⼆维码
上海景点推荐  vue-qr安装：
npm install vue-qr --save
  安装完成后，在页⾯中引⼊vue-qr插件
<script>
import vueQr from "vue-qr";
export default {
components: {
vueQr
}
}
</script>
  引⼊完成后，在页⾯中使⽤vue-qr插件
1<template>
2<vue-qr
3:text="dataForm.url"
立春的风俗 立蛋4      :margin="0"
5      colorDark="#000"
6      colorLight="#fff"
7      :logoScale="0.3"
经费管理办法8      :size="100"></vue-qr>北京十大装饰公司
9</template>
  使⽤vue-qr插件后，需要动态设置⼆维码中的内容，我这⾥通过⼀个url地址+问卷或投票的id来动态⽣成⼆维码
1<script>
2 export default {
3  data() {
4return {
5      dataForm: {
6        id: 0,
7        url: "",
8      },
9    };
10  },
11  methods: {
庞统当知县12    init(id) {
13this.dataForm.id = id || 0;
14this.dataForm.url = `xxxxx/questionnaire-ids/${this.dataForm.id}`;
15    }
16  }
17 }
18</script>
  那么现在，我们扫描⼆维码获得的内容就是前⾯的⼀段链接+问卷或投票的id。
  接下来进⼊⼩程序开发者后台，点击左侧开发下的开发管理，接下来点击开发设置Tab，如下图所⽰。
  向下拖动页⾯，直到看到扫普通链接⼆维码打开⼩程序标题，如下图所⽰做肠粉
  点击右侧的添加按钮，配置普通链接⼆维码规则，如下图所⽰。
  设置⼆维码规则，可查看⽂档进⾏设置（⽂档地址：）
  点击保存按钮，提⽰对应的⽂件没有保存到服务器的⽬录，这时下载效验⽂件，上传⾄服务器打包⽬录下对应的⽂件夹（questionnaire-ids）中，如下图所⽰:
  保存之后，回到⼆维码地址列表中，如果需要在⼩程序的正式版中使⽤，需要点击列表后⾯操作栏中的发布按钮，发布完成后就可以使⽤。
  接下来处理⼩程序页⾯的逻辑。在⼩程序对应的投票或问卷详情页⾯，我们只需要拿到投票或问卷的id，然后通过后台接⼝，获取问卷或投票的详情内容显⽰出来就OK了。 
1  onLoad: function (options) {
2    wx.showLoading({
3      title: '努⼒加载中......',
4    })
5if (options.q) {
6      let scan_url = decodeURIComponent(options.q)
7      let cp_id = scan_url.match(/\d+/)
8      wx.setStorageSync('scan_url', parseInt(cp_id[0]))
9this.setData({
10        id: parseInt(cp_id[0]),
11      })
12    }
13 }
  这样就获取了id，然后就可以显⽰出问卷或投票的详情了。
  ⽤测试机扫描后台管理页⾯中⽣成的⼆维码，可进⼊⼩程序的详情页⾯。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。