【生成带参数小程序二维码,uniapp端接收参数】

这篇具有很好参考价值的文章主要介绍了【生成带参数小程序二维码,uniapp端接收参数】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

简单说明

小程序有普通码和小程序码,普通二维码就是我们常见的四四方方是二维码,小程序二维码就是圆乎乎的那种,两种码都可以扫码进入微信,但是小程序码可见度更加高,官方推荐使用,下面讲下如何使用微信官方的接口生成两种二维码,官方链接如下(其实官网说的很详细了);其实还可以用草料二维码去接(这个超级简单,自己百度搜草料),这边简单写一下微信官方接口的方式
获取小程序码
官网说了生成接口有三类:其中生成小程序码:接口A和B;生成普通二维码:接口C
接口A:适合生成码较少(生成码个数有限)
接口B:生成码较多(可以无限生成码个数)
接口C:适合生成码较少(生成码个数有限),和接口A一样有生成码数的限制
根据自己的情况使用这几个接口生成即可
【生成带参数小程序二维码,uniapp端接收参数】

生成方式如下

1.生成token

以上是个接口都要token参数,使用官方说明生成如下,
生成token
使用postman生成:
【生成带参数小程序二维码,uniapp端接收参数】
【生成带参数小程序二维码,uniapp端接收参数】

2.使用接口生成小程序码

2.1接口A方式生成:

接口:https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN
官方文档,接口A生成
参数如下:【生成带参数小程序二维码,uniapp端接收参数】
说明:使用postman或者其他工具都可以,ACCESS_TOKEN就是刚刚生成的参数,如果你想要在小程序扫码时携带参数,则在path里面加即可
示例:
【生成带参数小程序二维码,uniapp端接收参数】
【生成带参数小程序二维码,uniapp端接收参数】
请求接口:点击send按钮即可
【生成带参数小程序二维码,uniapp端接收参数】
可以下载生成的结果(问下度娘吧我就不说了)
在小程序端接收生成的参数:
对应页面(改文章为pages/login/login页面)的onLoad里面如下:
【生成带参数小程序二维码,uniapp端接收参数】
自己可以打印一下onLoad接收到的参数即可

2.2接口B方式生成:

和A差不多就是携带参数的地方变了
接口:https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN
官方文档,接口B生成
【生成带参数小程序二维码,uniapp端接收参数】
说明:使用postman或者其他工具都可以,ACCESS_TOKEN就是刚刚生成的参数,path为默认打开小程序的页面,不可携带参数,如果你想要在小程序扫码时携带参数,在scene里面加,但是在小程序的onLoad接收该参数要解码,接收到参数自己打印看下onLoad的参数就行
let params = decodeURIComponent(option.scene)
【生成带参数小程序二维码,uniapp端接收参数】

示例:
【生成带参数小程序二维码,uniapp端接收参数】
【生成带参数小程序二维码,uniapp端接收参数】
【生成带参数小程序二维码,uniapp端接收参数】
uniapp在pages/login/login页面的onLoad接收参数为:option.scene
【生成带参数小程序二维码,uniapp端接收参数】

2.3接口C方式生成:

接口:https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN
官方文档,接口C链接
参数如下:
【生成带参数小程序二维码,uniapp端接收参数】
说明:使用postman或者其他工具都可以,ACCESS_TOKEN就是刚刚生成的参数,如果你想要在小程序扫码时携带参数,则在path里面加即可
示例:
【生成带参数小程序二维码,uniapp端接收参数】
【生成带参数小程序二维码,uniapp端接收参数】
点击发送接口即可
【生成带参数小程序二维码,uniapp端接收参数】文章来源地址https://www.toymoban.com/news/detail-497212.html

到了这里,关于【生成带参数小程序二维码,uniapp端接收参数】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序将本页面生成二维码,二维码扫码带参数进小程序指定页面

    1、因为小程序调用 https://api.weixin.qq.com/ 不能直接调用这个接口,所以我们需要在ApiPost上先测试一下生成一下二维码,生成测试没问题后可以让后端调用返回给前端。 获取access_token方法官方文档地址如下: https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html

    2024年02月15日
    浏览(52)
  • uniapp小程序生成二维码+手机保存到本地

    1. 准备工作(具体参考哪位博主的忘了就没加锁参考的地方了) 1. 下载好所需文件(uqrCode.js)放在文末只要复制文末代码文件命名可自定义 2. 开始撸码 解决战斗 下面代码内容属于 开头所说文件

    2024年02月11日
    浏览(47)
  • vue页面动态生成二维码,扫描二维码跳转到微信小程序,同时传递参数

    最近领导提了个新的需求, 点击表格时,弹出一个二维码,微信扫描此二维码时,跳转到微信小程序,同时将所在行的id(即员工所在公司的id)传过去,这样员工在登录微信小程序时,根据此id就知道是哪个公司的员工登录或者注册 了! 刚开始想的是,直接把小程序的二维

    2024年02月11日
    浏览(82)
  • 微信小程序:生成二维码带参数并获取值

    通过后台接口可以获取小程序任意页面的小程序码,需要注意的是 接口只能生成已发布的小程序的二维码 小程序接口文档 1)scene 字段的值会作为 query 参数传递给小程序/小游戏。用户扫描该码进入小程序/小游戏后,开发者可以获取到二维码中的 scene 值,再做处理逻辑。

    2024年02月15日
    浏览(45)
  • C#动态生成带参数的小程序二维码

      在微信小程序管理后台,我们可以生成下载标准的小程序二维码,提供主程序入口功能。在实际应用开发中,小程序二维码是可以携带参数的,可以动态进行生成,如如下场景: 1、不同参数决定的显示界面不同。 2、不同参数决定的功能不同。 3、由于小程序审核机制,我

    2024年02月04日
    浏览(42)
  • uniapp开发微信小程序生成二维码海报

    模板:

    2024年02月12日
    浏览(58)
  • uniapp微信小程序 获取从二维码进入小程序所携带的参数

    在app.vue  onLaunch中调用获取场景值的方法即可 (建议在onShow中调用,避免扫码冷启动)

    2024年02月15日
    浏览(44)
  • 【uniapp小程序-生成二维码+多个图片文字合并一张图】

    下载uqrcodejs: https://uqrcode.cn/doc/guide/getting-started.html

    2024年02月03日
    浏览(62)
  • 微信小程序使用weapp-qrcode.js生成二维码以及“扫普通链接二维码打开小程序”动态传递参数实现记录

    参考文章原文链接:微信小程序使用weapp-qrcode.js完成二维码的生成_fairy_404的博客-CSDN博客 首先给需要生成二维码的页面创建一个canvas 因为我这里实现的是弹窗展示二维码,所有就把 canvas移出页面,小伙伴们根据自己需求进行调整,weapp-qrcode.js内容参考链接中就有,我这里就

    2024年02月15日
    浏览(53)
  • 使用uniapp生成二维码并下载,小程序扫码进入指定页面

    功能1:通过扫码链接进入小程序指定页面(带参数) 功能2:将网址链接(带参数)在微信小程序中使用二维码展示出来,并可以点击下载二维码图片  扫码链接进入指定页面并且带参数 在小程序管理后台-开发管理-开发设置-扫普通链接二维码打开小程序中,配置链接地址,

    2024年02月11日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包