如何在网络上托管Ionic应用程序?

时间:2015-09-13 05:35:11

标签: javascript angularjs ionic-framework ionic

我在着陆页网站上创建了一个非常简单的应用模拟器。我在本地做的方式是在我的登陆页面的index.html中我通过这样的iframe运行(离子服务)应用程序:

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

我的问题是如何在我的网络托管中上传源时引用来源。

我的文件结构如下所示

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

1 个答案:

答案 0 :(得分:1)

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

我们假设您的网站位于Welcome 1 times Welcome 2 times Welcome 3 times . . . Welcome 100 times 域,并且您的服务器根目录中有一个名为example.com的文件夹,您可以通过{{1}在线访问该网站}。在这种情况下,您将在myLandingPage文件中使用以下http://example.com/myLandingPage/index.html标记:

iframe

因此,一旦您将应用程序上传到托管服务器,您就不必运行index.html,因为当您在本地执行此操作时,您实际上会启动本地Web服务器,然后提供此内容。将文件上传到服务器后,当然不需要步骤。

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

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

但我希望你能明白这一点,并能找到自己的方式。