javascript - 如何在网络中托管 Ionic 应用程序？

Question

我在我的着陆页网站上创建了一个非常简单的应用模拟器。我在本地执行此操作的方式是在我通过 iframe 运行( ionic 服务)应用程序的目标网页的 index.html 中，如下所示:

<iframe src="http://localhost:8100/#/tab/home"></iframe>

我的问题是当我将它上传到我的虚拟主机时如何引用它。

我的文件结构是这样的

   x myLandingPage
     >index.html //landing page
     x mysimulator
       x www
         x templates
           >index.html //ionic app

Answer 1

编辑: Ionic 1.2 正式 supports deployment as a website !

假设您的站点托管在 example.com 域中，并且您在服务器的根目录下有一个名为 myLandingPage 的文件夹，并且您可以通过以下方式在线访问它http://example.com/myLandingPage/index.html。在这种情况下，您将在 index.html 文件中使用以下 iframe 标记:

<iframe src="mysimulator/www/templates/index.html"></iframe>

因此，一旦您将应用程序上传到您的主机，您就不必运行 ionic serve，因为当您在本地执行此操作时，您实际上启动了一个本地网络服务器，该服务器随后会提供此内容。将文件上传到服务器后，当然不需要该步骤。

希望这对您有所帮助。顺便说一句，我看到一件事看起来与标准 Ionic 设置有点不同，那就是 index.html 文件在模板文件夹中的位置。通常它在 www 文件夹中。因此，如果您在文件结构中放错了文件，则 src 可能是

<iframe src="mysimulator/www/index.html"></iframe>

但我希望你能明白要点，并能找到自己的路。