ランチャーのインストーラー名の設定方法
どのように動作するか
デフォルトでは、ランチャーインストーラファイルの名前は、スタンドアロンバージョンの場合はinstaller.exe
、Webバージョンの場合はweb_installer.exe
です。ウェブサイトのコードに独自の名前を設定することができます。ユーザーがダウンロードボタンやリンクをクリックすると、ブラウザが自動的にインストールファイルの名前に置き換わります。
入手方法
- ウェブサイトのコードに不可視のiframeを追加し、その中に以下の例のように、変更した名前のインストールファイルをダウンロードするためのリンクを形成することになります。
例:
Copy
1<body>
2 ...
3 <script>
4 const frame = document.createElement("IFRAME");
5 frame.id = "xsolla-installer-renamer";
6 frame.src = `https://installer.launcher.xsolla.com/launcher-installer-renamer-prod/v1/renamer.html?cache=${Date.now()}`;
7 frame.style = "display: none";
8 document.body.append(frame);
9 </script>
10 ...
11<body>
- リンクまたはボタンがクリックされたときにパラメータを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
1postMessage(
2 {
3 type: "download",
4 href: "<LINK TO INSTALLER>",
5 name: "<NEW INSTALLER NAME>",
6 },
7 "https://installer.launcher.xsolla.com"
8)
以下は、ダウンロードリンクとインストールファイルをダウンロードするためのボタンのコード例です。
インストールファイルのダウンロードリンクのコード例です:
Copy
1<body>
2 ...
3 <a
4 href="#"
5 onclick="document.getElementById('xsolla-installer-renamer').contentWindow.postMessage({ type: 'download', href: '<LINK TO INSTALLER>', name: '<NEW INSTALLER NAME>' }, 'https://installer.launcher.xsolla.com');"
6 >
7 Donwload
8 </a>
9 ...
10<body>
インストールファイルのダウンロードボタンのコード例です:
Copy
1<body>
2 ...
3 <button id="button-download">Download</button>
4 <script>
5 const btn = document.getElementById("button-download");
6 btn.onclick = () => {
7 document
8 .getElementById("xsolla-installer-renamer")
9 .contentWindow.postMessage(
10 {
11 type: "download",
12 href: "<LINK TO INSTALLER>",
13 name: "<NEW INSTALLER NAME>",
14 },
15 "https://installer.launcher.xsolla.com"
16 );
17 };
18 </script>
19 ...
20<body>
この記事は役に立ちましたか?
ご意見ありがとうございました!
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。