ランチャーのインストーラー名の設定方法
どのように動作するか
デフォルトでは、ランチャーインストーラファイルの名前は、スタンドアロンバージョンの場合はinstaller.exe
、Webバージョンの場合はweb_installer.exe
です。ウェブサイトのコードに独自の名前を設定することができます。ユーザーがダウンロードボタンやリンクをクリックすると、ブラウザが自動的にインストールファイルの名前に置き換わります。
入手方法
- ウェブサイトのコードに不可視のiframeを追加し、その中に以下の例のように、変更した名前のインストールファイルをダウンロードするためのリンクを形成することになります。
例:
Copy
<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>
- リンクまたはボタンがクリックされたときにパラメータを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
postMessage(
{
type: "download",
href: "<LINK TO INSTALLER>",
name: "<NEW INSTALLER NAME>",
},
"https://installer.launcher.xsolla.com"
)
以下は、ダウンロードリンクとインストールファイルをダウンロードするためのボタンのコード例です。
インストールファイルのダウンロードリンクのコード例です:
Copy
<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
<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>
この記事は役に立ちましたか?
ご意見ありがとうございました!
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。