In-App Purchases (macOS)

准备工作

付费应用协议

如果你还没有，你需要在 iTunes Connect 签署付费应用协议, 并设置您的银行和税务信息。

iTunes Connect 开发人员帮助: 协议、税务和银行概述

创建您的应用内购买

然后，您需要在iTunes Connect中配置您的应用内购买，并包含名称，定价和说明等详细信息，以突出显示您的应用内购买的功能。

iTunes Connect开发人员帮助：创建应用程序内购买

变更 CFBundleIdentifier

若要在Electron开发阶段对应用内购买功能进行测试，您必须在node_modules/electron/dist/Electron.app/Contents/Info.plist路径下修改CFBundleIdentifier。 您必须使用通过ITunes Connect创建的应用的bundle indentifier来替换掉com.github.electron。

  1. <key>CFBundleIdentifier</key>
  2. <string>com.example.app</string>

代码示例

通过下面的例子来了解如何在Electron中使用应用内购买功能。 您必须使用通过ITunes Connect创建的产品的唯一标识 （ID）来替换掉下面示例中的PRODUCT_IDS。( com.example.app.product1 的ID是 product1)。 请注意，您必须尽可能早的在你的应用中监听transactions-updated事件。

  1. // Main process
  2. const { inAppPurchase } = require('electron')
  3. const PRODUCT_IDS = ['id1', 'id2']
  5. // Listen for transactions as soon as possible.
  6. inAppPurchase.on('transactions-updated', (event, transactions) => {
  7.   if (!Array.isArray(transactions)) {
  8.     return
  9.   }
  11.   // 检查每一笔交易.
  12.   transactions.forEach(function (transaction) {
  13.     const payment = transaction.payment
  15.     switch (transaction.transactionState) {
  16.       case 'purchasing':
  17.         console.log(`Purchasing ${payment.productIdentifier}...`)
  18.         break
  20.       case 'purchased': {
  21.         console.log(`${payment.productIdentifier} purchased.`)
  23.         // Get the receipt url.
  24.         const receiptURL = inAppPurchase.getReceiptURL()
  26.         console.log(`Receipt URL: ${receiptURL}`)
  28.         // Submit the receipt file to the server and check if it is valid.
  29.         // @see https://developer.apple.com/library/content/releasenotes/General/ValidateAppStoreReceipt/Chapters/ValidateRemotely.html
  30.         // ...
  31.         // 如果收据通过校验，说明产品已经被购买了
  32.         // ...
  34.         // 交易完成.
  35.         inAppPurchase.finishTransactionByDate(transaction.transactionDate)
  37.         break
  38.       }
  40.       case 'failed':
  42.         console.log(`Failed to purchase ${payment.productIdentifier}.`)
  44.         // Finish the transaction.
  45.         inAppPurchase.finishTransactionByDate(transaction.transactionDate)
  47.         break
  48.       case 'restored':
  50.         console.log(`The purchase of ${payment.productIdentifier} has been restored.`)
  52.         break
  53.       case 'deferred':
  55.         console.log(`The purchase of ${payment.productIdentifier} has been deferred.`)
  57.         break
  58.       default:
  59.         break
  60.     }
  61.   })
  62. })
  64. // 检查用户是否允许当前app启用应用内购买功能.
  65. if (!inAppPurchase.canMakePayments()) {
  66.   console.log('The user is not allowed to make in-app purchase.')
  67. }
  69. // Retrieve and display the product descriptions.
  70. inAppPurchase.getProducts(PRODUCT_IDS).then(products => {
  71.   // 检查参数.
  72.   if (!Array.isArray(products) || products.length <= 0) {
  73.     console.log('Unable to retrieve the product informations.')
  74.     return
  75.   }
  77.   // Display the name and price of each product.
  78.   products.forEach(product => {
  79.     console.log(`The price of ${product.localizedTitle} is ${product.formattedPrice}.`)
  80.   })
  82.   // 询问用户需要购买哪个产品.
  83.   const selectedProduct = products[0]
  84.   const selectedQuantity = 1
  86.   // Purchase the selected product.
  87.   inAppPurchase.purchaseProduct(selectedProduct.productIdentifier, selectedQuantity).then(isProductValid => {
  88.     if (!isProductValid) {
  89.       console.log('The product is not valid.')
  90.       return
  91.     }
  93.     console.log('The payment has been added to the payment queue.')
  94.   })
  95. })