NodeJS 如何在嵌入式应用程序中获得商店的网址?

fkaflof6  于 2022-12-12  发布在  Node.js
关注(0)|答案(2)|浏览(138)

我正在使用此模板构建一个购物应用程序:https://github.com/Shopify/shopify-app-template-node/tree/cli_three,我想知道我如何才能获得使用我的应用程序的商店的URL(指iFrame之外的文档的URL)。我有一个使用location.ancestorOriginshttps://developer.mozilla.org/en-US/docs/Web/API/Location/ancestorOrigins)的工作方法,但由于这与Firefox不兼容,我想知道是否有其他方法。提前感谢您的帮助!

46scxncf

46scxncf1#

所有对你的应用程序的调用都提供了一个商店参数(现在也是一个主机参数),确保你总是知道使用你的应用程序的商店。没有商店参数是来自商店的等式的一部分,你的应用程序被调用的情况是零。

gkl3eglg

gkl3eglg2#

好的,我自己想出了一个解决方案,但是感谢你们的帮助@TwistedOwl和@大卫Lazar。我在这里发布我的代码,以防将来有人遇到同样的问题:

import {useAppBridge} from "@shopify/app-bridge-react";

function DemoPage() {
    const bridge = useAppBridge();
    const shopUrl = bridge.hostOrigin.replace('https://', '').replace('www.', '');
    console.log(shopUrl);
}

相关问题