如何将 Angular App 集成到 Shopify 前端 + 自定义 API 调用？

Question

我正在努力实现以下目标：

• 使用 Angular 构建产品配置器应用程序
• 将 Angular 应用程序嵌入 Shopify 前端的 iframe 中
• 从 Angular 调用 Shopify

产品配置器应从 Shopify 获取自定义常量，并通过 API 创建新产品，并使客户可以购买这些产品。

我已经设置好了：

• Angular 应用程序
• 用于处理 Angular 和 Shopify 之间请求的 API
• 自定义 Shopify 应用程序基础

阻止我继续下去的是，我读到您无法在 Shopify 中创建自定义端点。 这意味着我什至无法获取我在 Shopify 应用数据库架构中为 Angular 应用创建的设置。

我可以使用任何其他方法将应用程序嵌入 Shopify 前端并调用来查询 DB/API 吗？

Answer 1

尽管可以从前端向 Shopify 的 REST 管理 api 发出一些获取请求。无法进行放置/发布/删除。例如，我强烈建议在 NodeJs 中创建一个后端。这样您就可以在 shopify 客户端库的帮助下访问 REST 管理 API 或自己实现逻辑。

未实现客户端库的节点示例：

    this.http
        .put(
            `https://${SHOPIFY_SHOPNAME_HERE}.myshopify.com/admin/api/2024-01/products/${PRODUCT_ID HERE}.json`,
            { product: SHOPIFY_PRODUCT_HERE,
            {
                headers:  { 'X-Shopify-Access-Token': SHOPIFY_ACCESS_TOKEN },
            }
        )