2017-03-03 101 views
8

如何託管角2網站?如何託管angular 2網站?

我是新的角2,我做了一個簡單的網站沒有後端。

我想知道,當我試圖直接打開index.html文件時,它打開時出現錯誤。

但是,在命令"npm start"後,它工作正常,它在計算機上運行本地服務器。

那麼,如何在簡單的託管網站上託管這個網站(不是專用服務器..!)?

我覺得託管網站自動找到index.html文件,但這裏是問題,index.html是不用"npm start"命令啓動的。

我可以爲服務器啓動一個進程嗎?

請指導我。使用這些簡單的步驟

https://www.heroku.com

+1

https://angular.io/docs/ ts/latest/guide/deployment.html 每個HTTP服務器都可以提供Angular2應用程序提供 –

回答

19

主機的角2應用程序上火力地堡

+0

你好,我遵循這個指示,它有可能上傳我的應用程序! ..但現在我有一個問題,試圖更新我的應用程序,bacuse我做了一些更改...我如何更新? –

+0

嗨@IxamDeirf很簡單,您必須遵循相同的步驟,但在此之前請確保您指向您正在處理的當前項目。我更新了我的答案。請看看答案的結尾。 –

+1

感謝@amanDeepSharma它工作像魅力!!。非常有趣和有價值的信息分享給有角度的新手。 –

2

您可以使用Heroku的部署解決方案 先做創建角CLI的項目。獲取更多資訊https://cli.angular.io/

第1步:構建應用程序

運行下面的命令集,建立

ng build --prod 

第2步:創建火力工程和安裝火力地堡CLI

打開Firebase控制檯https://console.firebase.google.com/並創建一個新的Firebase項目。

要安裝火力地堡的命令行工具來運行:

npm install -g firebase-tools 

第3步:部署到火力

運行下面的火力CMD登錄:

firebase login 

這將打開瀏覽器並要求您進行身份驗證。使用您的Firebase帳戶登錄。在那之後你可以關閉瀏覽器窗口。在命令行中,您將收到登錄已成功執行的消息。

現在運行CMD如下:

所有你被要求要使用該客戶端火力地堡的特點
firebase init 

第一。您應該選擇Hosting:配置和部署Firebase Hosting站點。接下來,Firebase客戶端會詢問要使用哪個文件夾進行部署。輸入dist。這很重要,因爲這是我們的生產構建存儲的位置。

接下來的問題是詢問這個應用程序是否是單頁面應用程序,以及它是否應該將所有URL重寫爲index.html。在我們的情況下,我們需要回答是的。

最後一個問題是,如果Firebase應該重寫文件index.html。這個問題的答案是否定的。

現在,運行下面的命令集,部署:

firebase deploy 

火力地堡將提供URL,您可以使用在線訪問您的應用程序。

[更新]

現在你已經成功地部署應用程式後,如果你想做出一些改變和部署相同的URL的代碼。按照相同的程序。但請確保您指向您的項目。

要列出所有項目都使用這個命令:

firebase list 

爲了使一個項目作爲當前項目中使用:

firebase use <project_id> 
+1

請給予簡單和直接的解決方案.... – Yash

0

可以使用HTTP服務器

http-s erver是一個簡單的零配置命令行http服務器。它足夠強大的生產使用,但它很簡單,可以用於測試,本地開發和學習。

npm install http-server -g 

建設項目是:

ng build -app 

然後在項目目錄,使用:在瀏覽器http://localhost:3000

http-server dist/ -p 3000 // -p is port 

http://your-ip:3000