Handora - 実践的なハンズオンでスキルアップ

初級環境設定

問題8: フォームプロパティのカスタマイズ

formPropsオブジェクトを使用して、スワップフォームの初期状態と動作をカスタマイズする方法を学びます。これは、ミームコインコミュニティでの固定トークンスワップや固定額支払いなどのユースケースに役立ちます。

<!DOCTYPE html>
<html lang="en">"en">
<head>
    <meta charset="UTF-8">"UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jupiter Terminal Demo</title>
    <script src="https://terminal.jup.ag/main-v4.js" data-preload defer>src="https://terminal.jup.ag/main-v4.js" data-preload defer></script>
    <style></style>
</head>
<body>
    <div class="container">class="container">
        <h1>Jupiter Terminal Demo</h1>
        <button id="open-jupiter">id="open-jupiter">Swap Now</button>
    </div>

    <script>
        window.addEventListener("load", () => {
            const openButton = document.getElementById("open-jupiter");

            openButton.addEventListener("click", () => {
                window.Jupiter.init({
                    displayMode: "modal",
                    // フォームカスタマイズプロパティを含むオブジェクト
                    : {
                        // スワップモードを'ExactIn'、'ExactOut'、またはデフォルトの'ExactInOrOut'に設定
                        : "ExactIn",

                        // スワップ金額を事前入力（例: '100'）
                        : "5000000",
                        //   initialInputMint: string, // ミントアドレスで入力トークンを事前選択
                        //   initialOutputMint: string, // ミントアドレスで出力トークンを事前選択

                        // trueの場合、ユーザーはスワップ金額を変更できません
                        : true,
                        //   fixedMint: string, // 特定のトークンにスワップの片側をロック（ミントアドレスで指定）

                        //   referralAccount: string, // スワップのリファラルアカウントを設定
                        //   referralFee: number, // スワップのリファラル手数料を設定
                    },
                });
            });
        });
    </script>
</body>
</html>

前の問題