Javascript BigCommerce嵌入的签出说明MbedTableError:无法嵌入iframe，因为无法加载内容

我正在尝试在rails应用程序中实现bigcommerce嵌入式签出。 我按照这个url将嵌入式签出集成到本地rails应用程序中。

但是我有一条错误消息“NotEmbeddableError:无法嵌入iframe，因为无法加载内容。” 这些是我做的步骤

我在本地使用rails应用程序。 它的运行方式是（我尝试使用localhost，但无法使用localhost创建站点：它说站点名称不应包含localhost字符串） 我创建了本地ssl密钥和证书，并通过 轨道s-b'ssl://127.0.0.1:3000?key=127.0.0.1.key&cert=127.0.0.1.crt"

我可以通过访问本地站点，尽管上面写着“不安全”

我遵循嵌入的签出url API，能够生成重定向url 例如：

每当我复制checkout\uURL或嵌入checkout\uURL并将其直接粘贴到addressbar中时，都可以正常工作。 我还发现，这些url应该是一次性的，而不是两次，所以每当我尝试测试时，我都会重新生成url

在rails应用程序中，我在其中一页中添加了此代码

$（文档）.ready（函数（）{
//const module=await checkoutKitLoader.load（'embedded-checkout'）；
异步函数show（）{
const module=await checkoutKitLoader.load（'embedded-checkout'）；
const service=module.embeddecheckout({
网址：'https://pbgtest.mybigcommerce.com/cart.php?embedded=1&action=loadInCheckout&id=30df8201-90c9-4950-b784-0d35f16d2b63&token=10B5A5E685317D23EFDAF0B790B707DFD98FABDE5495A5F2AAF7238FABBC5A4'，
containerId:“嵌入式签出部分”#这是div id
});
服务
.然后（值=>{
console.log（值）；
})
.catch（错误=>{
控制台日志（err）；
});
}
show（）；
}

但是我得到“NotEmbeddableError:无法嵌入iframe，因为无法加载内容。” 我无法得到正确的信息，比如为什么它加载失败。 我也测试后，禁用杀毒软件，但仍然是相同的错误。

---

任何人都可以提供帮助？

预期链接只在一次访问中处于活动状态，因此您可以重新生成这些链接以测试这些URL。您的BigCommerce商店是否已发布/活动？这必须是真实的，才能将其纳入您的嵌入式签出体验中

---

另外，我建议直接使用嵌入式签出url。

感谢您的回复。我可以通过每次重新生成嵌入式签出url并使用AWS而不是localhost的live site进行测试来解决此问题。尽管他们的文档称也可以使用localhost，但效果并不理想。

{
 "data": {
     "cart_url": "https://pbgtest.mybigcommerce.com/cart.php?action=load&id=30df8201-90c9-4950-b784-0d35f16d2b63&token=10b5a5e6853217d23efdaf0b790b707dfd98fabde5495a5f2aaf7238fabbc5a4",
     "checkout_url": "https://pbgtest.mybigcommerce.com/cart.php?action=loadInCheckout&id=30df8201-90c9-4950-b784-0d35f16d2b63&token=10b5a5e6853217d23efdaf0b790b707dfd98fabde5495a5f2aaf7238fabbc5a4",
     "embedded_checkout_url": "https://pbgtest.mybigcommerce.com/cart.php?embedded=1&action=loadInCheckout&id=30df8201-90c9-4950-b784-0d35f16d2b63&token=10b5a5e6853217d23efdaf0b790b707dfd98fabde5495a5f2aaf7238fabbc5a4"
 },
 "meta": {}
}

<script src="https://checkout-sdk.bigcommerce.com/v1/loader.js"></script>
<script>
  $(document).ready(function() {
    // const module = await checkoutKitLoader.load('embedded-checkout');

    async function show() {
      const module = await checkoutKitLoader.load('embedded-checkout');
      const service = module.embedCheckout({
        url: 'https://pbgtest.mybigcommerce.com/cart.php?embedded=1&action=loadInCheckout&id=30df8201-90c9-4950-b784-0d35f16d2b63&token=10b5a5e6853217d23efdaf0b790b707dfd98fabde5495a5f2aaf7238fabbc5a4',
        containerId: 'embedded-checkout-section'  #This is  div id
      });
      service
      .then(value => {
        console.log(value);
        })
      .catch(err => {
          console.log(err);
        });
    }

    show();
 }