如何在网站上添加“添加到钱包”按钮以将优惠券添加到Apple Wallet和Google Pay帐户

Question

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

我的客户已经在他们的网站上显示了优惠券，顾客可以打印优惠券，也可以在手机上截图，然后带入商店以扫描要应用的折扣。他们现在想在其优惠券页面上添加“添加到钱包”按钮，以便用户可以将优惠券添加到其Apple Wallet或Google Pay帐户中。

涉及哪些步骤？我了解我们将必须连接到Apple / Google API才能与我们的网站集成。我对这些优惠券或“通行证”是如何产生的感到困惑？看起来有很多第三方服务可以帮助您创建这些通行证，但是我们可以自己做吗？这里涉及什么？

如果任何人都具有执行此操作的经验，可以给我帮助，或者为我指出一些好的文档的正确方向，将不胜感激！

Answer 1

两种通行证类型都有两种不同的处理方式：

Apple Wallet

此处介绍了创建Apple电子钱包通行证的过程：Apple Docs. 您编辑描述您的通行证的pass.json，然后在注册通行证类型标识符并找到团队ID之后，可以使用Apple的signpass工具对其进行签名。

如果您想更新通行证以向客户显示信息，则需要一台实现web service API的服务器。

“添加到Apple Wallet”按钮将是一个图像，其中包含指向您为客户生成的.pkpass文件的链接。有几种开源工具可使用您选择的语言（例如here）即时创建通行证。

Google Pay

这是creating Google Pay passes的文档。有一个initial bit of signing up要做，然后您需要注册凭据，但是在最初的痛苦之后，您可以创建通行证，并且有几个quick start applications可以这样做。

创建通行证后（以Google术语来说，它是对象和类），链接通行证的方式与Apple有所不同，并且需要将带有签名的JWT的代码段嵌入到“保存到Google Pay”按钮中，{{ 3}}。

如果您想更新通行证以向客户显示信息，则可以与REST API进行交互。这是described better here。

  

似乎有很多第三方服务

如您所见，完成所有这些工作是很痛苦的，因此公司尝试改善开发人员体验是有意义的。在reference docs，我们致力于使统一的API变得更加容易，尤其是对于启用NFC的通行证。

Answer 2

您可以使用的解决方案来管理Apple和Google钱包通行证，并定制登录页面以下载通行证。他们还提供了其他平台的创建，例如PDF等。