Shopify - 在应用程序内获取商店域名

Question

我是 Shopify 应用程序开发的新手，我使用 Node、Express 作为后端，并与 Polaris libaray 进行反应。

我的问题是如何获取通过应用程序发起请求的商店域名。当我搜索时，我只能找到一个在 Ruby 中使用的

ShopifyAPI::Shop.current

，而我正在寻找在 Node 中使用的类似的东西？

Answer 1

有关示例，请查看https://github.com/BKnights/kotn-shopify-utils 是的，它使用会话。 该代码非常特殊。我发布它主要是为了在我自己的项目之间共享一种简单的方式，但它对于这些项目来说效果很好。

如果您在可以扩展服务器的地方使用它，您需要用更分布式的东西替换会话引擎。 Cookie 会话有效。

这期望将应用程序的设置页面路由到 /preferences。使用

validSession, session,

中间件

查看该路由

为了将域名传递给 Polaris，我将商店信息放入包含页面上的纯 JS 对象中（它是一个dustjs 模板）：

      <script type="text/javascript">
    var KotN = {
        shop:'{shop}',
        apiKey: '{apiKey}',
        shopOrigin: 'https://{shop}.myshopify.com',
        locale:'{locale}' || (navigator.languages ? (navigator.language || navigator.languages[0]) : (navigator.userLanguage || navigator.browerLanguage))
    };
  </script>

然后 Polaris 组件看起来像：

import * as React from 'react';
import {EmbeddedApp} from '@shopify/polaris/embedded';
import ShopProvider from './stores/ShopProvider';
import  Status from './views/status';


const shop = KotN.shop;
const shopOrigin = KotN.shopOrigin;
const apiKey = KotN.apiKey;

console.log('shop: '+ shop +' and origin: '+ shopOrigin);


export default class MyApp extends React.Component {
  render() {
    return (
      <EmbeddedApp
        apiKey={apiKey}
        shopOrigin={shopOrigin}
        forceRedirect={true}
        debug={true}
      >
        <ShopProvider>
          <Status />
        </ShopProvider>
      </EmbeddedApp>
    );
  }
}

Answer 2

我知道这是一个旧线程，但我在寻找答案时偶然发现了这里，只是想与也有同样问题的你们分享我的解决方案。这就是我获得商店域名的方式。

let shopDomain = new URL(window.location).searchParams.get("shop");

Answer 3

这么多年过去了，我认为通过以下方法可以轻松获得 Shop 域名

new URLSearchParams(location.search).get('shop')

此代码片段将为您提供当前安装的商店的商店域名。