適用於 Meta 付款的 JavaScript SDK

Meta 提供 JavaScript 軟件開發套件（SDK），可助您更輕鬆地將 Meta 付款體驗整合至網上商店。如果您正在使用付款處理系統、付款閘道或商務平台處理交易，您可能需要向有關渠道取得詳細說明，以了解如何將 Meta 付款體驗融入現有整合工具。如需更多資訊，請參閱 Meta Pay 整合概覽。

決定整合模式

決定誰是與 Meta Pay API 及付款處理整合的一方。
這可以是您或您作為付款合作夥伴的合作夥伴（定義請見 Meta Pay 整合概覽）。
決定結帳整合細節。
您正在使用外部 JS SDK 顯示結帳嗎？
基於 #1 與 #2 決定整合模式：
1. 如果您未與 Meta Pay API 及付款處理整合，而是在使用付款合作夥伴提供的 JavaScript SDK，您需要聯絡付款合作夥伴，以決定如何啟用 Meta Pay。此操作就如在商家入口網站啟用 Meta Pay 一樣簡單方便。
2. 如果您未與 Meta Pay API 及付款處理整合，而是在使用付款合作夥伴 API 整合工具，您會與 Meta Pay JavaScript SDK 整合，並將傳回的付款容器傳遞給付款合作夥伴處理。
3. 如果您已與 Meta Pay API 及付款處理整合，且已提供商家的 JavaScript SDK，您會與 Meta Pay JavaScript SDK
  整合。此外，如果您透露商家 API 來與付款處理進行整合，則商家會與 Meta Pay JavaScript SDK 整合，並將傳回的容器傳遞給您為付款處理／接受付款方式所透露的端點。

根據決策圖表決定整合模式：

與 Meta 付款 JavaScript SDK 整合

繼續閱讀此部分前，請確保您已詳閱「決定整合模式」

如要安裝 Meta Payments JavaScript SDK，我們強烈建議在要展示 Meta Pay 按鈕的每一頁，將基底程式碼加入開頭和結尾的 head 標籤之間。前往以下連結獲取 SDK：

https://static.xx.fbcdn.net/payments_sdk/v1/metapay_sdk.js

整合範例：

<head> ... <script src="https://static.xx.fbcdn.net/payments_sdk/v1/metapay_sdk.js"></script> ... </head>

請按以下詳細指引在伺服器的配置檔案中設定 HTTP 回應標題：

Content-Security-Policy: default-src ‘self’ static.xx.fbcdn.net graph.facebook.com;

您現在可以執行整合。首先，前往 PaymentClient。完成此整合後，您會收到一個 Meta Pay 容器。
傳遞 Meta Pay 容器，以供付款合作夥伴處理。視乎整合情況，此操作可直接在結帳頁面完成或透過您的後端整合傳送。

透過 Payment Partner JavaScript SDK 啟用 Meta Pay