微信小程序扫普通链接二维码带参数打开指定页面注册用户

一,打开微信公众号管理平台,设置“ 扫普通链接二维码打开小程序 ”

注意:服务器地址是随便填自己的服务器地址就行,微信后台只是扫码是匹配作用,小程序并不是放在你的服务器上的

          小程序必须先发布

二、打开https://cli.im/草料二维码生成器测试一下刚才生成的二维码

三、App端的写法

在app.js中这样获取参数

util.js  //获取url参数
 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

let getQueryString = function (url,name) {

 console.log("url = "+url)

 console.log("name = " + name)

 var reg = new RegExp('(^|&|/?)' + name + '=([^&|/?]*)(&|/?|$)', 'i')

 var r = url.substr(1).match(reg)

 if (r != null) {

  console.log("r = " + r)

  console.log("r[2] = " + r[2])

  return r[2]

 }

 return null;

}

module.exports = {

 getQueryString: getQuer

 

//app.js文件如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

var utils = require('./utils/util')

 

App({

 onLaunch: function (options) {

  console.log("全局onLaunch options==" + JSON.stringify(options))

  let q = decodeURIComponent(options.query.q)

  if (q){

   console.log("全局onLaunch onload url=" + q)

   console.log("全局onLaunch onload 参数 flag=" + utils.getQueryString(q, 'flag'))

  }

 

 }

 

})

在其它的界面中的js脚本中这样获取参数

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

Page({

 

 /**

  * 页面的初始数据

  */

 data: {

 

 },

 

 /**

  * 生命周期函数--监听页面加载

  */

 onLoad: function (options) {

  console.log("index 生命周期 onload"+JSON.stringify(options))

  //在此函数中获取扫描普通链接二维码参数

  let q = decodeURIComponent(options.q)

  if(q){

   console.log("index 生命周期 onload url=" + q)

   console.log("index 生命周期 onload 参数 flag=" + utils.getQueryString(q, 'flag'))

  }

 }

 

})

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

### 如何在 UniApp 中生成微信小程序普通链接二维码 #### 准备工作 为了能够成功生成适用于 UniApp 的微信小程序普通链接二维码,需先完成必要的准备工作: 登录微信公众平台并开启普通链接二维码打开小程序的功能。这一步骤确保后续生成的二维码可以被正常识别和解析[^3]。 #### 实现步骤 ##### 添加配置信息 进入微信公众平台后台,在相应位置点击添加按钮来创建新的二维码记录,并按照指引填写必要字段以完成配置过程。 ##### 获取二维码接口调用凭证 利用微信公众平台提供的 API 接口 `getUnlimitedQRCode` 来请求获取不带参数限制的小程序码图片流。该方法允许开发者传入自定义路径以及其他可选参数用于指定最终呈现形式[^2]。 ```javascript // 示例代码片段展示如何发起 HTTP 请求获得二维码图像资源 const axios = require('axios'); async function getQrCode() { const response = await axios({ method: 'POST', url: 'https://api.weixin.qq.com/wxa/getunilink?access_token=ACCESS_TOKEN', // 替换为实际 access token data: JSON.stringify({ page: "pages/index", query: { id: 1 }, width: 430 }) }); console.log(response.data); } ``` 请注意上述 URL 中的 `ACCESS_TOKEN` 参数需要替换成为有效的访问令牌字符串;而 `page`, `query` 和 `width` 则可根据具体需求调整设置。 ##### 页面逻辑处理 当用户通过二维码启动应用时,可以在页面加载事件钩子函数内捕获传递过来的数据项以便进一步操作或显示个性化内容。 ```javascript export default { onLoad(options) { console.log(options); // 输出码携带的信息对象 } }; ``` 以上即是在 UniApp 环境下实现微信小程序普通链接二维码生成功能的主要流程和技术要点说明。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值