微信小程序扫普通二维码跳转

最近一需求,是要做小程序扫普通二维码跳转。看了看微信文档一头雾水,写的不是很清楚。
官方文档传送门:https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html#功能介绍

文档上的几个要点

开放范围
企业、媒体、政府及其他组织类型小程序。
跳转规则
1.二维码规则
2.前缀占用规则
3.校验文件【需在配置的二维码域名相应的目录下添加校验文件】
4.测试范围【三种测试角色测试】

划重点

动态参数的及配置二维码规则

配置二维码URL规则
  • 必须能在跳转的二维码连接相应文件下能够放置校验文件
  • 比如你想获取[www.aaa.com/a/b?user=222user]的后面的参数
      1.校验文件得放在[www.aaa.com/a/]的文件下,和b同级
      2.根据二维码规则配置,二维码规则为[www.aaa.com/a/]
    测试环境和线上环境的区别
发布成“开发版”【只要你没发布到正式环境上,就算是测试环境】
  • 你扫动态参数二维码不起跳转作用
  • 只对你指定的测试连接起作用
  • 这样手机和电脑在同一网络上,通过小程序工具编译到手机上。然后小程序扫你设置的二维码规则,就能条道开发版的环境上去
发布成“线上版本”【发布了才能所有人都能扫,并且对于动态参数可以正常跳转】
  • 只要测试环境的的没问题,即可发布到线上,可以正常使用

在你的二维码连接配置,比如上文的[www.aaa.com/a/],其实只要前面是[www.aaa.com/a/],后面的参数是无所谓的,跳转到的小程序页面onLoad函数中都可以获取到这条链接。


一定要尽可能位置精确些,尽量不要放在域名的根目录,这样的话会命中许多的规则[因为存在子路径这样的规则],造成不必要的麻烦

如有不懂的,欢迎留言。

微信小程序提供了一套丰富的API接口,其中包含用于将文本生成二维码的接口。开发者可以通过调用微信小程序提供的 `wx.qrcode` API 来实现将文本信息转换成二维码的功能。具体步骤通常包括: 1. 引入微信小程序的API库,在小程序的页面文件中使用 `require` 或者 `import` 引入 `qrcode` 模块。 2. 在需要生成二维码的页面中,调用 `wx.qrcode` 方法。这个方法需要传递一个参数,即一个包含二维码内容的配置对象。在这个配置对象中,主要需要提供一个 `width` 属性来设置二维码的宽度,以及一个 `text` 属性来指定要编码进二维码的文本内容。 3. 微信小程序会异步生成二维码,生成完成后会通过回调函数返回一个包含二维码图片的Buffer对象,开发者可以使用这个Buffer对象来显示二维码,比如将其设置为一个图片组件的源文件。 这是一个简单的示例代码: ```javascript // 在小程序页面的js文件中 const qrcode = require('qrcode'); Page({ data: { // 二维码图片的源文件 qrcodeImage: '' }, // 生成二维码的方法 generateQRCode: function() { var that = this; // 要编码的文本 var text = 'https://www.example.com'; // 生成二维码的宽度为200像素 var width = 200; // 生成二维码 qrcode.toDataURL(text, { width: width }, function(err, url) { if (err) { console.log(err); return; } // 将生成的二维码图片URL保存起来 that.setData({ qrcodeImage: url }); }); } }); ``` 在小程序的wxml文件中,可以使用图片组件 `<image>` 来展示二维码: ```xml <image src="{{qrcodeImage}}" mode="aspectFit"></image> ``` 通过上述步骤,开发者可以轻松地在微信小程序中将任何文本内容生成对应的二维码图片。
评论 30
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值