2015-09-13 35 views
0

我在我的着陸頁網站上創建了一個非常簡單的我的應用程序模擬器。我做局部的方式是在我的着陸頁的index.html的我運行(離子服務)通過這樣的iframe的應用程序:如何在Web上託管Ionic應用程序?

<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

編輯:離子1.2正式supports deployment as a website

讓我們假設你的網站是在example.com域名託管和你有一個名爲myLandingPage在您的服務器的根文件夾,您可以通過在線http://example.com/myLandingPage/index.html訪問它。在這種情況下,你可以使用以下iframe標籤在你index.html文件:

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

所以,一旦你上傳應用程序到你的主機,你就不用跑了ionic serve,因爲當你這樣做你本地實際啓動一個本地的web服務器,然後服務於這個內容。一旦您將文件上傳到您的服務器,那麼當然不需要該步驟。

希望這會有所幫助。順便說一句,我發現有一點與標準Ionic設置有點相似,那就是將index.html文件放置在templates文件夾中。通常它在www文件夾中。所以,如果你在文件結構中放錯位置的文件時,它可能是因爲src是

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

,但我希望你明白了吧,將能夠找到自己的方式。

相關問題