ゲームランチャーから外部ブラウザーを開く方法

どのように動作するか

WebViewアプリケーションを使用すると、ゲームランチャー内で決済UIを開くことができますが、保存されたパスワードにアクセスできない、複数のタブを開くことができないなどの制限があります。つまり、ユーザーは、3-DセキュアやPayPal認証など、新しいブラウザタブにリダイレクトして追加のユーザー認証を必要とする決済方法を使用して購入することができません。

この制限を回避するには、ユーザーがデフォルトブラウザとして設定した外部ブラウザ(以降 – 外部ブラウザ)の新しいタブで決済UIを開き、ユーザーが購入、決済方法を保存、ゲームへ戻るのができるように設定することができます。

購入する

ユーザーフロー

  1. ユーザーが購入するためにWebViewアプリケーションを開き、「購入」をクリックします。
  2. WebViewアプリケーションに決済UIが表示され、ユーザーが決済方法を選択します。

  1. ユーザーが購入するために、自動的に外部ブラウザの新しいタブにリダイレクトされます。

WebViewアプリケーションでは、外部ブラウザーの開いているタブに実行するステップの説明が表示されます。

  1. ユーザーは、外部ブラウザーのタブでデータを入力し、購入を確認します。購入が成功した場合、購入成功のお知らせがあります。
  2. ユーザーはWebViewアプリケーションに戻り、そこで購入成功の通知とゲームに戻るためのボタンが表示されます。
  3. ユーザーがランチャーでWebViewアプリケーションを閉じて、ゲームに戻ります。
お知らせ
ゲームに戻るボタンは、ランチャー内のWebViewアプリケーションにのみ表示されます。外部ブラウザでは、購入成功の通知のみが表示されます。リダイレクトの設定方法は、説明を参照してください。

設定

ランチャーからデフォルトブラウザにリダイレクトして購入するように設定するには、トークンsettings.ui.is_independent_windows: trueパラメータを渡してください。
トークンを取得するためのリクエスト例
Copy
Full screen
Small screen
    {
        "user": {
            "id": {
                "value": "158804750"
            },
            "email": {
                "value": "email@example.com"
            },
            "country": {
                "value": "US"
            }
        },
        "settings": {
            "mode": "sandbox",
            "project_id": 53737,
            "language": "en",
            "currency": "USD",
            "ui": {
                "is_independent_windows": true,
                "user_account": {
                    "payment_accounts": {
                        "order": 1,
                        "enable": false
                    },
                    "history": {
                        "order": 2,
                        "enable": true
                    }
                }
            }
        },
        "purchase": {
            "description": {
                "value": "Test purchase",
                "items": [
                    {
                        "name": "Test purchase",
                        "quantity": 1,
                        "price": {
                            "amount": "19.99"
                        },
                        "image_url": "\/\/images.ctfassets.net\/wn7ipiv9ue5v\/2E36gdKHDOIRmxX6H1y2h2\/6941cea2e876c0466e79a16eccab0351\/greatWhiteCard.jpg"
                    }
                ]
            },
            "checkout": {
                "currency": "USD",
                "amount": 19.99
            }
        }
    }
    

    決済アカウントを保存する

    ユーザーフロー

    1. アプリケーション側では、ユーザーは保存された決済アカウントを管理するためのページにアクセスします。

    1. ユーザーは、新規方法を追加するをクリックします。
    2. 開いたウィンドウで、ユーザーは決済アカウントを選択します。

    1. アカウントを検証するために、自動的に外部ブラウザの新しいタブにリダイレクトされます。

    アプリケーションでは、外部ブラウザーの開いているタブに実行するステップの説明が表示されます。

    1. ユーザーは、外部のブラウザータブにデータを入力して確認します。成功した場合、ユーザーがアプリケーションに戻ることができる旨の通知があります。

    この決済方法は、ユーザーのアプリケーションに保存された決済アカウントのリストに自動的に追加されます。

    設定

    決済アカウントを保存するために外部ブラウザへのリダイレクトを設定するには、トークンに以下のパラメータを渡してください:settings.ui.mode: usersettings.ui.is_independent_windows: true
    お知らせ
    保存された決済方法の処理と課金を開始するには、トークン化を使用してください。
    トークンを取得するためのリクエスト例
    Copy
    Full screen
    Small screen
      {
          "user": {
              "id": {
                  "value": "test",
                  "hidden": true
              },
              "email": {
                  "value": "email@example.com"
              },
              "country": {
                  "value": "US",
                  "allow_modify": true
              }
          },
          "settings": {
              "project_id": 136187,
              "language": "en",
              "currency": "USD",
              "ui": {
              "mode": "user_account",
                  "is_independent_windows": true
              }
          }
      }
      
      この記事は役に立ちましたか?
      ありがとうございます!
      改善できることはありますか? メッセージ
      申し訳ありません
      この記事が参考にならなかった理由を説明してください。 メッセージ
      ご意見ありがとうございました!
      あなたのメッセージを確認し、体験を向上させるために利用させていただきます。
      最終更新日: 2024年3月26日

      誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。

      問題を報告する
      当社は常にコンテンツを見直しています。お客様のご意見は改善に役立ちます。
      フォローアップ用のメールをご提供してください
      ご意見ありがとうございました!