构建公共Shopify应用时出错：ngrok.io拒绝连接

问题描述 投票：0回答：1

我想要一个公开的而非嵌入式Shopify应用。该应用程序是一个销售渠道，可将Shopify商店的产品导入我的电子商务网站。安装该应用程序的商店将在我的电子商务网站上列出其产品。

我已经建立了安装应用程序并将产品导入我的电子商务网站的初始步骤。

现在，当用户单击应用程序图标时，我希望他被重定向到显示进口产品列表的以下页面：

https://my-commerce.com/products?storeurl=perisn-handcrafts.myshopify.com

如果以上链接返回如下产品列表，则该产品列表将显示在Shopify管理员控制台中：

<table data-toggle="table">
    <thead>
        <tr>
            <th>UniqueThirdPartyProductCode</th>
            <th>Title</th>
            <th>Price</th>
            <th>ImageUrl</th>
            <th>CombinedCategoryViewModel</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>39-4477334519894</td>
            <td>Blue</td>
            <td>550.00</td>
            <td></td>
            <td>"todo"</td>
        </tr>

        /* more data... */

    </tbody>
</table>

enter image description here

但是如果我将表格放在页面布局中，该页面布局将<html>，<head>和<body>标记添加到结果中，则结果不会显示...例如，如果我的应用返回以下HTML： 

<html>
<head></head>
<body>
    <table data-toggle="table">
    /* 
     * content of the table 
     */
    </table>
</body>

我会得到这个结果：

enter image description here

我不确定为什么会收到此错误：

ngrok.io拒绝连接

而且似乎我的应用程序已嵌入Shopify管理控制台中，是否有可能构建未嵌入的公共应用程序？

shopify shopify-app
1个回答
0
投票

此错误的原因是我已配置要嵌入的应用程序。要检查您的应用是否已嵌入，请转到Shopify合作伙伴页面：

应用程序->扩展程序->嵌入式应用程序

enter image description here

单击管理嵌入式应用程序按钮，在这里您可以查看该应用程序是否配置为嵌入式。您可以启用/禁用此设置。

就我而言，我禁用了嵌入式应用程序配置，我的应用程序现在可以正常工作。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.