实现“一码双扫”:一个二维码直达微信、支付宝、抖音小程序

实现“一码双扫”:一个二维码直达微信、支付宝小程序

利用微信和支付宝小程序平台提供的“扫普通链接二维码打开小程序”功能,实现用户通过扫描同一个二维码,在微信中打开微信小程序,在支付宝中打开支付宝小程序。这种“一码双扫”或“一码多端”的技术,核心在于您需要拥有一个自己的域名,并对该域名进行相应的后台配置。

实现原理

其核心原理是,您生成一个包含特定网址链接的普通二维码。当用户使用微信或支付宝扫描这个二维码时,客户端会识别这个链接,并根据各自平台的后台配置,判断是否需要跳转到指定的小程序页面。如果匹配成功,则直接拉起小程序;如果匹配失败或在其他应用中扫描,则会访问该网址对应的H5页面,您可以在此页面上进行引流或提示。

准备工作

在开始之前,请确保您已具备以下条件:

  • 一个已备案的HTTPS域名:这是实现该功能的基础,微信和支付宝都需要您的链接是https开头的。

  • 已上线发布的微信小程序和支付宝小程序:确保您的小程序已经通过审核并成功发布。

  • 微信公众平台和支付宝开放平台的开发者权限:您需要登录这两个平台进行相关配置。


操作步骤

第一步:登录并配置微信小程序后台
  1. 登录微信公众平台:前往 微信公众平台,并使用您的小程序管理员账号登录。
  2. 进入“开发管理”:在左侧菜单栏中找到“开发” -> “开发管理”。
  3. 配置“扫普通链接二维码打开小程序”
    • 在“开发设置”页面中,找到“扫普通链接二维码打开小程序”功能,并点击“添加”。
    • 填写二维码规则
      • 协议类型:选择 https
      • 前缀域名:输入您准备好的域名。请注意,域名需要已通过ICP备案。
      • 校验文件:下载微信提供的校验文件,并将其上传到您域名的根目录下。上传后,点击“保存并校验”,微信服务器会自动检查该文件是否存在。
    • 设置小程序功能页面
      • 二维码规则:填写您希望用户扫描后跳转的具体网址,例如 https://yourdomain.com/miniapp
      • 小程序功能页面:填写当用户通过上述链接进入时,需要打开的微信小程序页面路径,例如 pages/index/index
      • 测试范围:可以选择“体验版”、“开发版”或“线上版”进行测试。
      • 测试链接(可选):可以生成一个测试链接,方便开发者在发布前进行验证。
  4. 发布:完成配置并测试无误后,点击“发布”,待审核通过后即可生效。
第二步:登录并配置支付宝小程序后台
  1. 登录支付宝开放平台:访问 支付宝开放平台,并使用您的开发者账号登录。
  2. 进入小程序管理后台:在控制台中选择您需要配置的小程序。
  3. 配置“关联普通链接二维码”
    • 在小程序详情页的左侧菜单中,选择“推广” -> “小程序码”。
    • 在打开的页面中,选择“关联普通链接二维码”选项卡。
    • 添加关联规则
      • 二维码地址:输入与微信后台配置相同的网址链接,例如 https://yourdomain.com/miniapp
      • 小程序功能页面:填写当用户通过该链接进入时,需要打开的支付宝小程序页面路径,例如 pages/index/index
    • 下载并上传校验文件:与微信类似,您需要下载支付宝提供的校验文件,并将其上传到您域名服务器的指定目录下。
    • 完成所属权校验:上传文件后,在支付宝开放平台点击确认,系统将进行校验。
  4. 提交并生效:校验通过后,保存配置。通常情况下,支付宝的配置是实时或短时间内生效的。
第三步:生成最终的二维码

完成以上所有配置后,您现在需要做的就是将您在两个平台后台填写的那个普通链接(例如 https://yourdomain.com/miniapp)生成一个二维码。您可以使用任何在线的二维码生成工具来完成这一步。

现在,这个新鲜出炉的二维码就具备了“一码双扫”的能力:

  • 微信用户扫描该二维码,将直接跳转到您设置的微信小程序页面。
  • 支付宝用户扫描该二维码,将直接跳转到您设置的支付宝小程序页面。

抖音小程序如下
在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值