首页 / 微信外链 / 小程序二维码生成链接

小程序二维码生成链接

更新时间:2025-12-25 16:33:04
作者:爱短链

以下是微信小程序二维码生成的几种实用方法,结合官方API、第三方工具及操作示例,供您根据场景选择:

一、官方API接口生成(需后端配合)

1. 接口选择

接口A(getwxacode)

适用场景:少量、固定页面二维码(如活动页、商品详情页)。

特点:生成的小程序码永久有效,但总数量限制为10万,需谨慎使用。

参数示例:

json

  {
  "path": "pages/detail/detail?id=123", // 必填,小程序页面路径
  "width": 430 // 可选,二维码宽度
  }

接口B(getwxacodeunlimit)

适用场景:大量或动态参数二维码(如邀请码、分销链接)。

特点:数量无限制,通过scene字段传递参数(需URL编码),用户扫描后需在页面解析。

参数示例:

json

  {
  "scene": "invite_code=ABC123", // 自定义参数(需编码)
  "page": "pages/index/index", // 可选,默认首页
  "width": 430
  }

2. 实现步骤

获取access_token调用微信接口:

bash

  GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

返回的access_token有效期2小时,需缓存并自动刷新。

调用生成接口

以接口B为例(推荐):

bash

  POST https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN

返回二进制图片数据,需转为Base64或保存为文件。

前端展示二维码

将返回的二进制数据转为Base64:

javascript

  // 示例:使用wx.arrayBufferToBase64(需微信基础库2.1.0+)
  wx.request({
  url: 'API_URL',
  responseType: 'arraybuffer',
  success: (res) => {
  const base64 = 'data:image/png;base64,' + wx.arrayBufferToBase64(res.data);
  this.setData({ qrcode: base64 });
  }
  });

二、前端直接生成(无需后端)

1. 第三方库:weapp-qrcode

特点:轻量级JavaScript库,支持自定义颜色、尺寸、纠错级别,适合快速集成。

使用步骤:

下载库文件:

bash

  git clone https://github.com/yingye/weapp-qrcode.git

在页面中引入并调用:

javascript

  import drawQrcode from '../../utils/weapp-qrcode.js';
   
  Page({
  data: { qrcode: '' },
  onLoad() {
  drawQrcode({
  width: 200,
  height: 200,
  canvasId: 'myQrcode',
  text: 'https://your-page-path?param=123', // 二维码内容
  background: '#ffffff',
  foreground: '#000000'
  });
  }
  });

WXML中添加Canvas:

html

  <canvas canvas-id="myQrcode" style="width: 200px; height: 200px;" />

三、手动生成(非开发场景)

登录微信公众平台

进入「小程序管理」→ 选择目标小程序 →「设置」→「小程序码及线下物料下载」。

选择尺寸/颜色

提供多种预设尺寸(如1:1正方形、圆形logo款)和颜色方案,下载后可直接使用。

四、第三方平台生成(可视化定制)

工具推荐:

https://cli.im/:支持LOGO嵌入、渐变色、艺术二维码生成。

https://weixin.hotapp.cn/:专注小程序码生成,提供数据统计功能。

操作步骤:

输入小程序APPID及页面路径。

自定义样式(如颜色、尺寸、LOGO)。

生成并下载二维码。

注意事项

小程序需已发布:未发布的小程序无法通过API生成二维码。

参数编码:动态参数需通过encodeURIComponent处理(如scene=invite%3D123)。

页面路径限制:路径需在app.json中预先定义,否则扫描后可能无法跳转。

安全风险:保护appid和secret,避免泄露导致恶意调用接口。

根据需求选择合适的方法:

少量固定页面 → 官方API接口A。

大量动态参数 → 官方API接口B。

快速原型开发 → 前端库weapp-qrcode。

非技术用户 → 微信公众平台或第三方工具。

爱短链平台各工具使用方法及功能汇总

短链接

活码系统

微信外链

抖音卡片

相关搜索

收集用户信息后自动邀请入群?原来表单与社群联动还能这样玩

表单提交后还要手动拉群?这招让你收集用户信息的同时自动邀请入群,表单与社群无缝联动。填完表单直接进群,省去逐个添加的麻烦,活动运营、课程招生都能用上,从此告别手动拉人的重复劳动。

爱短链

2026-02-03 15:48:19

扫码自动识别新老客户?活码按标签分流进群,这招绝了

还在手动拉人进群?用活码就能让客户扫码后自动识别身份,新客进A群老客进B群。设置好标签规则,系统自动判断合作时长和购买记录,一个码搞定所有分流场景,再也不用担心拉错群了。

爱短链

2026-01-22 18:49:49

微信加人频繁怎么办?爱短链活码系统解决难题!

面对微信频繁添加好友的限制,巧妙运用爱短链活码系统不仅能解决问题,还能让引流效率翻倍。

爱短链

2025-11-20 14:47:44

创建短链接

注册与登录 首先,访问爱短链的官方网站,点击右上角的“注册”按钮,填写相关信息完成注册。注册成功后,使用账号和密码登录到平台后台。登录过程简单快捷,支持微信扫码和手机验证码等多种方式。 获取长链接 在准备创建短链接之前,你需要先获取想要缩短的长链接。例如,在微信公众号后台,打开需要生成短链接的文章,将该文章的长链接复制到剪贴板中。 生成短链接 登录爱短链平台后,你会看到后台界面提供了多种功能选项。点击“短链”功能,将刚刚复制的长链接粘贴到指定的输入框中。爱短链还允许用户绑定自己的域名,使短链接更具个性化和辨识度。设置完成后,点击“生成短链接”按钮,平台会立即为你生成对应的短链接。 使用短链接 短链接生成后,你可以将其复制并粘贴到公众号推文中需要添加链接的位置,如正文内容、阅读原文链接、公众号菜单栏等。在正文中插入短链接时,可以搭配一些吸引人的引导语,如“点击下方链接查看更多精彩内容”或“详情请戳[短链接]”等,以提高用户的点击率。

爱短链

2025-02-21 09:40:14

抖音链接跳转微信

抖音链接跳转微信不仅为品牌营销和个人推广提供了更多可能性,也为用户带来了更加便捷、高效的信息获取和互动体验。在未来,随着社交电商的蓬勃发展和用户需求的不断变化,抖音链接跳转微信将成为越来越多用户的首选引流方式,助力品牌营销和个人推广迈向新的高度。

爱短链

2025-01-15 16:45:50

活码二维码生成器在线

活码二维码生成器在线工具如爱短链等,操作简单,无需复杂的技术知识。用户只需在网页上打开相应的生成器平台,按照提示进行操作即可。通常,用户需要输入想要关联的信息,如网址、文本、图片、文件等,然后选择一些个性化设置,即可快速生成一个活码二维码。

爱短链

2025-01-15 16:47:20

让每一次点击,每一次扫码,都成为一次客户增长

添加客服微信

爱短链客服微信

咨询领取专属优惠