简介

在今天的移动支付时代，微信和支付宝已经成为了人们日常交易的主流方式。对于商家来说，提供便捷的支付方式是吸引顾客的重要手段。通过使用聚合二维码，可以将多个支付平台的二维码合并为一个，便于顾客扫描支付。

今天，我们将介绍如何使用 GitHub 项目，项目地址:[ PayQrcode ]将微信和支付宝的收款二维码合并，并通过 Cloudflare 将其部署和托管，轻松实现二维码聚合功能。

项目概述

PayQrcode 是一个开源的聚合二维码生成器，支持将微信和支付宝的二维码合并为一个二维码。用户只需扫描该二维码，即可选择通过微信或支付宝完成支付。

主要功能：

• 支持微信和支付宝二维码合并。
• 简单易用，可以快速部署。
• 兼容性强，适合商家和个人用户。

环境准备

在开始之前，请确保你已经具备以下条件：

• 一个 GitHub 账号。
• 一个 Cloudflare 账号。
• 基本的命令行操作能力。

步骤1：Fork 项目到你的 GitHub 账户

1. 访问 PayQrcode GitHub 项目页面。
2. 点击右上角的 “Fork” 按钮，将该项目 Fork 到你自己的 GitHub 账户下。

步骤2：部署到 Cloudflare Pages

• 登录到你的 Cloudflare 账号，进入 Cloudflare Pages。
• 点击 “Create a project” 按钮。

• 选择 “GitHub” 作为代码托管平台，并授权 Cloudflare 访问你的 GitHub 账户。
• 选择你刚才 Fork 的 PayQrcode 项目。

• 在配置页面，下拉找到vue

• 点击 “Deploy” 完成部署。

Cloudflare 会自动从你的 GitHub 仓库中提取代码，构建并部署到其服务器上。几分钟后，你就可以获得一个可以访问的 URL 地址。

步骤3：添加收款二维码

部署完成后，访问你生成的链接，进入页面编辑器。你可以在此页面中上传你的微信和支付宝二维码图片。上传后，保存并更新页面即可。

步骤4：自定义域名（可选）

如果你希望使用自定义域名，而不是 Cloudflare 分配的默认域名，你可以按照以下步骤进行操作：

1. 在 Cloudflare 页面中，进入你部署的项目设置。
2. 在 “自定义域名” 部分，点击 “添加域名”。
3. 按照提示，配置你的域名，并确保 DNS 设置正确。

步骤5：测试聚合二维码

完成上述设置后，访问你的自定义 URL，页面上将显示一个集成了微信和支付宝的聚合二维码。你可以扫描二维码，测试是否能够正确切换并使用微信或支付宝完成支付。

注意：

经过测试，微信二维码较大，支付宝二维码较小。支付宝扫码时离右下角稍近，；微信则正常使用。

结语

通过本教程，你已经成功部署了一个聚合二维码系统，将微信和支付宝的二维码合并到一个二维码中。这对于商家来说，无疑是一种更加高效的支付方式，也让顾客的支付体验更加便捷。

如果你觉得这个项目有用，不妨将其分享给身边的商家朋友，帮助他们简化支付流程。同时，欢迎访问 PayQrcode GitHub 项目 获取更多信息并参与贡献。