ランチャーのインストーラー名の設定方法

どのように動作するか

デフォルトでは、ランチャーインストーラファイルの名前は、スタンドアロンバージョンの場合はinstaller.exe、Webバージョンの場合はweb_installer.exeです。ウェブサイトのコードに独自の名前を設定することができます。ユーザーがダウンロードボタンやリンクをクリックすると、ブラウザが自動的にインストールファイルの名前に置き換わります。

入手方法

  1. ウェブサイトのコードに不可視のiframeを追加し、その中に以下の例のように、変更した名前のインストールファイルをダウンロードするためのリンクを形成することになります。

例:

Copy
Full screen
Small screen
    <body>
      ...
      <script>
        const frame = document.createElement("IFRAME");
        frame.id = "xsolla-installer-renamer";
        frame.src = `https://installer.launcher.xsolla.com/launcher-installer-renamer-prod/v1/renamer.html?cache=${Date.now()}`;
        frame.style = "display: none";
        document.body.append(frame);
      </script>
      ...
    <body>
    

    1. リンクまたはボタンがクリックされたときにパラメータをiframeに渡すpostMessage()メソッドを実装します:
      • <LINK TO INSTALLER> — インストール ファイルのURL。これは、「ランチャー > 設定 > ランチャービルド」セクションのアドミンページにあります。https://installer.launcher.xsolla.com/xlauncher-builds/xsolla-launcher-update/123456789/bin/web_installer.exe
      • <NEW INSTALLER NAME> — インストールファイルの名前です。

    例:

    Copy
    Full screen
    Small screen
      postMessage(
        {
          type: "download",
          href: "<LINK TO INSTALLER>",
          name: "<NEW INSTALLER NAME>",
        },
        "https://installer.launcher.xsolla.com"
      )
      

      以下は、ダウンロードリンクとインストールファイルをダウンロードするためのボタンのコード例です。

      インストールファイルのダウンロードリンクのコード例です:

      Copy
      Full screen
      Small screen
        <body>
          ...
          <a
              href="#"
              onclick="document.getElementById('xsolla-installer-renamer').contentWindow.postMessage({ type: 'download', href: '<LINK TO INSTALLER>', name: '<NEW INSTALLER NAME>' }, 'https://installer.launcher.xsolla.com');"
          >
            Donwload
          </a>
          ...
        <body>
        

        インストールファイルのダウンロードボタンのコード例です:

        Copy
        Full screen
        Small screen
          <body>
            ...
            <button id="button-download">Download</button>
            <script>
              const btn = document.getElementById("button-download");
              btn.onclick = () => {
                document
                  .getElementById("xsolla-installer-renamer")
                  .contentWindow.postMessage(
                    {
                      type: "download",
                      href: "<LINK TO INSTALLER>",
                      name: "<NEW INSTALLER NAME>",
                    },
                    "https://installer.launcher.xsolla.com"
                  );
              };
            </script>
            ...
          <body>
          
          この記事は役に立ちましたか?
          ありがとうございます!
          改善できることはありますか? メッセージ
          申し訳ありません
          この記事が参考にならなかった理由を説明してください。 メッセージ
          ご意見ありがとうございました!
          あなたのメッセージを確認し、体験を向上させるために利用させていただきます。
          最終更新日: 2024年1月22日

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

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