PayPay決済を可能にするためには、予め PayPay for Developers（ https://developer.paypay.ne.jp/dashboard/home ） に登録する必要があります。 登録したのち、加盟店ID、APIキー、シークレットの3つをプラグイン設定画面に入力する必要があります。

bubbleでこのプラグインのワークフローを使用する際は、以下のようにワークフローを設定してください。



①step1で決済データを作成します（ Create a new ）。

②step2でプラグインのワークフロー（ Create PayPay Payment ）を呼び出します。

③②で金額、国、リダイレクトURL、決済情報を入力します。決済情報は、step1（ Create a new ）の unique id がおすすめです。リダイレクトURLには unique id をパスに含めたリンクにすることをおすすめします。

④step3でページ遷移（ Open an external website ）を呼び出し、リンクにstep2のリダイレクトURLを指定します。この時、「step2の ''error'' が empty のとき」という条件を追加します。そうすることで、決済にエラーが起こった際はリダイレクトを実行しません。逆にstep4で「step2の ''error'' が not empty のとき」という条件でエラーメッセージを表示することで、エラーの検知も可能です。

⑤別のワークフローで「Page is loaded」を作成し、「パスが存在する時」という条件を追加することで、決済完了してリダイレクトをした後の処理を実行することができます。

テストページのエディターは以下のリンクから確認できます。
https://bubble.io/page?id=test-paypay-actions-76542&tab=tabs-1&name=index



To enable PayPay payments, you must register with PayPay for Developers (https://developer.paypay.ne.jp/dashboard/home) in advance.
After registration, you will need to enter your merchant ID, API key, and secret in the plugin configuration screen.

When using the workflow of this plugin in Bubble, please set up the workflow as follows.



(1) Create payment data in step 1 (Create a new).

(2) Call the plugin's workflow (Create PayPay Payment) in step 2.

Enter the amount, country, redirect URL, and payment information in step (3). For the payment information, we recommend using the unique id from step 1 (Create a new). It is recommended that the unique id be included in the path of the redirect URL.

(4) In step 3, call page transition (Open an external website) and specify the redirect URL of step 2 in the link. At this time, add the condition “if ‘’error‘’ in step2 is empty”. By doing so, the redirect will not be executed when an error occurs in the payment. Conversely, by displaying an error message in step4 with the condition “when ‘’error‘’ in step2 is not empty”, it is also possible to detect errors.

5) By creating another workflow “Page is loaded” and adding the condition “when the path exists,” it is possible to execute the process after the payment is completed and the redirection is made.

The editor of the test page can be found at the following link
https://bubble.io/page?id=test-paypay-actions-76542&tab=tabs-1&name=index

Translated with DeepL.com (free version)