离子4向苹果钱包添加票证/QRImage

Question

我在买票后生成QR码。我想把这些QR代码存储到苹果钱包里。

我使用过离子-本地苹果钱包插件，但文献资料没有给出足够的信息，说明如何在苹果钱包中存储QR图像。

import { AppleWallet } from '@ionic-native/apple-wallet/ngx';

this.appleWallet.isAvailable()
 .then((res: boolean) => {
    Expect res to be boolean
  })
 .catch((err) => {
    Catch {{err}} here
 });

文档允许添加/删除卡片，但没有向Apple Wallet添加QR的文档。

Answer 1

你意识到，为了创建一个有效的苹果钱包通行证，你需要创建一个捆绑，然后签署，压缩和分发？

这个指向苹果开发文档的链接将有助于获得对该过程的基本理解。根据这句话的说法，不要在应用程序中直接创建通行证是需要考虑的。

我们遇到了与你类似的问题--我们有关于运输票销售的Ionic申请，我们想在iOS上添加入场券的能力。我所做的所有研究似乎都表明，目前(2019年12月)无法做到这一点。

不过，有一个解决办法可以使用

它涉及到在系统浏览器中打开外部链接，因此人们可能会发现这个解决方案不合适。

1. 您需要有一个端点( API或第三方服务)来返回生成和签名的.pkpass文件。它不必专门返回文件，而是一个包含包的响应，其中包含这样的头文件：

Content-Type: application/vnd.apple.pkpass
Content-Disposition: attachment;filename=your_file_name.pkpass

1. 在您的Ionic应用程序中安装应用程序浏览器本机插件

ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser

1. 将其添加到AppModule提供程序中

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';

@NgModule({
  ...
  providers: [
    ...
    InAppBrowser
  ],
})
export class AppModule {}

1. 在组件中，使用第二个参数(目标)作为InAppBrowser注入create和调用方法_system。此命令将使用提供的url打开外部本机设备浏览器。如果端点配置正确，浏览器将自动启动下载，然后呈现给用户UI，以便将票证/传递添加到钱包。下面是UI的一个好例子：链接到图像

constructor(private inAppBrowser: InAppBrowser) {
}

downloadApplePass(ticket) {
  const url = `https://your.api/endpoint/${ticket.id}`;

  this.inAppBrowser.create(url, '_system');
}

Answer 2

您所指的插件似乎不是为此目的而设计的。

文件最上面写的是信用卡/借记卡：

此插件支持将您的信用卡/借记卡添加到Apple Wallet。它还可以检查钱包或任何配对设备中是否存在信用卡/借记卡，例如Apple Watch

查看Apple文档，它使用特定的类PKPaymentPass来管理卡片，而票则由不同的类处理：

• https://developer.apple.com/documentation/passkit/wallet

查看您正在使用的本机插件的源代码，我会发现，每次使用PKPass时，它都将其转换为PKPaymentPass，因此它看起来不像是文档问题，只是不受支持。

在这里可以查看IOS代码：

• https://github.com/tomavic/cordova-apple-wallet/blob/master/src/ios/CDVAppleWallet.m

不幸的是，除非您想自己编写代码，否则您似乎运气不佳。

我已经做了一些搜索，可以找到围绕这个主题的一些讨论，但它们都是无处可寻的线程。