このセクションでは now.gg Embed SDKを統合する手順を説明します。
now.gg Embed SDKの統合方法:
最初のステップは対象のウェブサイトにEmbed SDKを追加することです。
now.gg Embed SDKをウェブサイトに追加するには、以下に示すようにSDKリソースのjavascriptをscriptタグ内に追加します。
<script type="text/javascript" src="https://cdn.now.gg/external/sdk/ifp-sdk-1.0.0.min.js"></script>
now.gg Embed SDK リソースを追加すると、SDKを初期化することでnow.gg iframe を使用したゲームをウェブサイトに埋め込むことができます。
手順は以下の通りです。
iframeParentElement
とappEventCallbackFunction
とsdkEventCallbackFunction
. を定義します。.NowIfp
クラスのinit
関数をクラウドゲームを開始するために必要なパラメータと共にコールします。const iframeParentElement = document.getElementById("your_iframe_element"); // Callback function to handle events sent from the Android app. const appEventCallbackFunction = (event) => { console.log(event.name); console.log(event.data); // can do your event-based handling here }; // Callback function to handle javascript SDK events. const sdkEventCallbackFunction = (event) => { console.log(event.name); console.log(event.msg); // can do your event-based handling here }; NowIfp.init({ clientId: <"your_clientId"> , appId: <"your_production_appId/your_test_track_appId"> , \\ appId example - Test Track: "1234_t1" | Production: "1234" iframeParentElement: iframeParentElement, customData: {} // for app-specific custom handling appLaunchData: { [key]: [value] } // pass launch arguments to Iframe, It will be serialized and passed to the app at launch intent. appEventCallback: appEventCallbackFunction, sdkEventCallback: sdkEventCallbackFunction, });
このセクションを使用して、nowStudio内でappIdを見つけることができます。
appId
は、nowStudio上のアプリの固有の識別子です。appId
を生成します。
appId
は、アプリがデプロイされた後にのみ表示されます。appId
は、アプリを追加した後「アプリの詳細」セクションでも確認できます。appID
を見つける方法:appId
は、以下のように本番リリースに記載されています。パラメータ | 型 | 必須項目 | 説明 |
---|---|---|---|
clientId | string | はい | 一意のクライアント識別子 |
appId | string | はい | now.gg開発者ポータルでアプリ/ゲームに関連付けられたアプリID |
iframeParentElement | element | はい | embeddedプレーヤがレンダリングされるiframeParentElement |
customData | object | いいえ | 特定の処理を必要とするカスタムデータ |
appLaunchData | object | いいえ | アプリの起動インテントエクストラとして送信される追加データ 参照 – appLaunchDataを定義する セクション |
appEventCallback | function | No | アプリ関連のイベントを処理するためのアプリイベントコールバック関数 参照 – embed内でゲームを開始する セクション- |
sdkEventCallback | function | No | SDK関連イベント処理用SDKイベントコールバック関数 参照 – Iframe内でゲームを開始する セクション |
now.gg クラウドによってゲームが対象のウェブページに埋め込まれました。
さらに、高度な機能の埋め込みを実装する場合は 次のセクションに進んでください。
ドキュメント改訂版 1.0