如何将 'Add to Wallet' 按钮添加到网站以将优惠券添加到 Apple 钱包和 Google 支付帐户

How to add 'Add to Wallet' button to website to add coupons to Apple Wallet and Google Pay accounts

首先,我什至不知道从哪里开始。我已经尝试阅读 Apple 和 Google 的文档,但仍然没有正确的答案。

我的客户已经在他们的网站上展示了优惠券,他们的客户可以打印优惠券或在 phone 上截屏,然后带进商店扫描要应用的折扣。他们现在想将 'Add to Wallet' 按钮添加到他们的优惠券页面,以便用户可以将优惠券添加到他们的 Apple 钱包或 Google 支付帐户。

执行此操作涉及哪些步骤?我知道我们必须连接到 Apple/Google API 才能与我们的网站集成。我更困惑这些优惠券或 'passes' 是如何生成的?看起来有很多第三方服务可以帮助您创建这些通行证,但我们可以自己做吗?这有什么关系?

如果有人在这方面有任何经验并且可以帮助我,或者为我指明一些好的文档的正确方向,那将不胜感激!

两种通行证类型有两种不同的流程:

苹果钱包

此处介绍了如何创建 Apple Wallet 通行证:Apple Docs. 您编辑描述您的通行证的 pass.json,然后您可以在注册通行证类型标识符并找到您的团队 ID 后使用 Apple 的 signpass 工具对其进行签名。

如果您想更新通行证以向客户显示信息,您需要一个实现 web service API.

的服务器

"Add to Apple Wallet" 按钮是一个带有 link 的图像,指向您为客户生成的 .pkpass 文件。有一些开源工具可以使用您选择的语言即时创建通行证(例如 here)。

Google 支付

这是 creating Google Pay passes. There's an initial bit of signing up to do, then you need to register credentials but after that initial pain, you can create passes and there are a few quick start applications 执行此操作的文档。

一旦您的通行证(在 Google 术语中它是对象和 类)被创建,您 link 通行证的方式与 Apple 不同并且需要嵌入带有签名 JWT 的片段"Save to Google Pay" 按钮出现,described better here

如果您想更新通行证以向客户显示信息,您可以与 REST 交互 API。这是 reference docs.

It looks like there are plenty of third party services

如您所见,完成所有这些工作非常痛苦,因此公司尝试改善开发人员体验是有意义的。在 PassNinja,我们专注于制作一个统一的 API 以简化此操作,尤其是对于支持 NFC 的通行证。

您可以使用 https://kortpress.io 的解决方案来管理 Apple 和 Google 钱包通行证和自定义登陆页面以下载通行证。他们还提供创建更多平台,如 PDF 等。