首页 文章

为SPA购买嵌入式app auth flow帮助

提问于
浏览 次
3

我的Vue JS SPA Express服务器出现以下问题：

Problem #1-

我可以在开发商店安装应用程序，计费工作完美，一旦我进入应用程序，API功能正常运行但我认为它实际上有问题打开应用程序 - 我的嵌入式应用程序SDK的东西很可能出错了缺少重定向 .

我目前的流程如下 - >

server.ngrok.io是一个Node / Express JS应用程序

client.ngrok.io是一个单独的客户端专用应用程序使用VueJS（没有服务器端渲染）

  • 用户在server.ngrok.io/install上输入app

  • / install构建auth url并将用户重定向到它

  • Shopify重定向回server.ngrok.io/finish_auth

  • / finish_auth为永久性令牌交换临时令牌，在我的数据库中存储烫发，然后重定向到/ create_charge

  • / create_charge和/ activate_charge工作正常，重定向到client.ngrok.io/

  • client.ngrok.io在新窗口中打开，而不是在iFrame中打开 .

我相信在这里的某个地方我需要逃离iFrame，如文档中所述 -

Since the application is loaded inside an iframe it is critical that the initial OAuth request redirect escapes the iframe to make the requests. Shopify returns the
X-Frame-Options=DENY
header and prevents any Shopify admin pages from being loaded inside an iframe.

这是我的"new window"开放问题的原因吗？如果是这样的话，你能否给我一些关于iFrame逃逸应该在我的流程中发生什么的指示？我发现的最好的来源是2014年关于构建嵌入式Shopify应用程序的文章 - http://blog.codezuki.com/blog/2014/02/10/shopify-nodejs/，但对我来说仍然不太清楚 .

Problem #2 -

一旦我进入嵌入式应用程序（刷新通常工作）我在控制台中收到此错误 -

Shopify.AppMessenger received message null from unexpected origin https://client.ngrok.io ; expecting https://server.ngrok.io or subdomain thereof

该应用程序工作正常，我可以做我的API调用 - 但我觉得这也导致问题 .

任何帮助将不胜感激 - 我真的希望得到这个，并得到一些应用程序，但我正在努力解决这两个问题 .

javascript node.js vue.js shopify shopify-app

1 回答

  • 3

    在第2步，使用“iframe escaping”脚本呈现空白页面，而不是直接将用户重定向到OAuth页面 .

    回复于

相关问题