Liquid、JavaScriptなどに関する質問
お世話になっております。
shopify POSアプリ(タイル)を開発しておりまして、APIを呼ぶ方法について質問がございます。
開発言語:react
App proxy設定: サブパスのプリフィックス = apps、サブパス = testapi、プロキシURL = 開発しているアプリのドメイン
App proxyを使って、fetch 通信をして、通信先でDiscountのAPIを呼ぼうとしています。
fetchしたのですが、エラーとなりました。
iMac コンソールのエラーは以下です。
XXXXXXXXXX Shopify POS Type: Error Timestamp: Fri, 05 Feb 2021 03:10:45 GMT Message: Error: Optional Params: [{}]
reactのソースはこちらになります。
testDiscount() {
// app proxy経由のディスカウントテスト
const url = 'https://XXXXXX.myshopify.com/apps/testapi/api/test_discount';
fetch(url)
.then(res => res.json())
.then((data) => {
console.log(data);
})
.catch(e => {
console.error('Error: ', e);
});
}
アプリのサーバーにログが残っていなかったので、urlに問題があるかと思いますが、iMac コンソールでは、エラーの詳細が見えずわからない状態です。
なお、上記の呼び出そうとしているAPIはストアフロント カート画面のjavascriptにてfetchでは呼ぶことができました。
shopify POSからAPIを呼ぶ方法は何か別の方法があるのでしょうか?
ご教授していただけると助かります。
よろしくお願いいたします。
解決済! ベストソリューションを見る。
成功
通常のapp extensionはオンラインのストアフロント向けで、POSにはPOS専用のapp extensionがあります。
https://shopify.dev/docs/pos/reference
ディスカウントは上記のextensionを使います。
POSのアプリを作る場合は、AppBridgeを使うことを推奨します。
https://shopify.dev/tools/app-bridge/actions/pos
成功
通常のapp extensionはオンラインのストアフロント向けで、POSにはPOS専用のapp extensionがあります。
https://shopify.dev/docs/pos/reference
ディスカウントは上記のextensionを使います。
POSのアプリを作る場合は、AppBridgeを使うことを推奨します。
https://shopify.dev/tools/app-bridge/actions/pos
junichiokamura様
ご回答ありがとうございました。
参考にさせていただきます。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024