Liquid、JavaScriptなどに関する質問
お世話になります。
この度チュートリアルを参考にしつつShopifyアプリの制作に挑戦しているモノです。
早速ですが、Shopify Cliを使いながら勉強していたのですが
AppBridgeのgetSessionToken()やgetState()がうまく動作しません。
前者はawaitで呼んでいるのですが返ってこない状態。
後者はタイトルの通り、
AppBridgeError: APP::APP_ERROR::WINDOW_UNDEFINED: State is only available on the client side.
というエラーが発生してしまいます。
原因を探ったのですが検討もつかず、試しにアプリをCliより新規作成し
class MyApp extends App {
render() {
const { Component, pageProps, host } = this.props;
const config = {
apiKey: API_KEY,
host: host,
forceRedirect: true,
};
const app = createApp(config);
app
.getState((res) => console.log("success:" + res))
.catch((e) => {
console.log("error:" + e);
});
return (
<AppProvider i18n={translations}>
<Provider config={config}>
<MyProvider Component={Component} {...pageProps} />
</Provider>
</AppProvider>
);
}
}
と一番最初にAppBrigeをcreateしたのですが、同様のエラーが発生してします。
どなたか検討のつく方がいらっしゃればアドバイスを頂ければ幸いです。
よろしくお願い致します。
追記:
TitleBarの編集などのAppBridgeのUIは正常に動作しております。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025