如何從我的機器上提供HTML + JS + CSS webapp，以便其他人可以查看它？

我是一個開發小型Web應用程序的新手，它使用HTML，JavaScript（Angular 1.5.0）& CSS。我正在使用Grunt來處理jslint，縮小我的JavaScript和CSS文件。這個前端通過HTTP Rest調用通信到一個也在本地運行的Django應用程序（它有自己的數據庫）如何從我的機器上提供HTML + JS + CSS webapp，以便其他人可以查看它？

這個web應用程序當前只存在於我的筆記本電腦（MacBook Pro）上，我使用PyCharm IDE編輯文件。當我想測試應用程序時，我只需要去http://localhost:63342/myapp/index.html#。 PyCharm的內置網絡服務器爲我提供服務，我可以在那裏玩。

但是，我想允許少數人選擇從互聯網上的其他位置訪問webapp。當他們嘗試訪問http：// MyPublicIpAddress：63342/myapp/index.html時，它們將獲得連接拒絕。

什麼是最快/最簡單/最簡單的方式我可以與其他人分享我的webapp？我對設置和配置Web服務器知之甚少，所以如果您能給我簡單/容易的指示（或指向我的文檔！），這將是最值得讚賞的。

我將此問題發佈到PyCharm社區論壇here，但沒有迴應。

編輯許多答案說我需要託管服務。是的，如果我想將我的網站部署到固定的IP地址。但是，在我的筆記本電腦上暫時運行玩具網絡服務器時，是否無法簡單地讓他們簡單地訪問我的Web應用程序？這不是我理解的長期解決方案。但只是給他們一個偷看。如果可能的話，我想避免將它推送到託管服務的努力和學習曲線。我將不得不設置後端API，數據庫等（它們當前都在本地運行）

來源

2016-04-23 Saqib Ali

嘗試使用heroku？ –

如何使用localtunnel？ https://localtunnel.me/ –

你在PyCharm論壇的問題說「本地網絡」。但你的問題在這裏說「在互聯網上」。後者打開了一堆獨立於PyCharm和Python的網絡問題，涉及到路由器或localtunnel之類的東西。這是一個很難的話題，但這是一件好事，你不希望外部世界輕易地進入你的電腦。 –

您需要託管或嘗試codepen.io以用於小型項目。

來源

2016-04-23 08:06:19 Grund

許多答案說我需要託管服務。是的，如果我想將我的網站部署到固定的IP地址。但是，在我的筆記本電腦上暫時運行玩具網絡服務器時，是否無法簡單地讓他們簡單地訪問我的Web應用程序？這不是我理解的長期解決方案。但只是給他們一個偷看。如果可能的話，我想避免將它推送到託管服務的努力和學習曲線。我將不得不設置後端API，數據庫等（這些目前都在本地運行） –

有許多服務可讓您在線託管您的項目。

對於小型項目
CodePen：http://codepen.io/
Plunker：http://plnkr.co/
kodeWeave：http://kodeweave.sourceforge.net/

對於大型項目
Cloud9IDE：https://c9.io/
Koding：http://koding.com/
Github：https://pages.github.com/
Sourceforge：https://sourceforge.net/
Heroku：https://www.heroku.com/

BTW：kodeWeave是我的項目。它使用Github Gists在線保存和檢索您的織物，因此實際上並沒有保存在網站上，而且對於像這樣的小型項目，它是非常可靠的主機。（靈感來自Dabblet。）

除了沒有所有http請求之外，它被作爲移動設備的JSFiddle替代品。

它具有內置的（如JQuery，Angular，Font Awesome等:)此外，當您導出爲一個zip文件，你會得到所有的庫（因此，except without all the http requests評論）許多圖書館。您還可以將織物作爲Windows，Linux，Mac，Chrome應用程序和/或Chrome彈出式擴展程序導出。

You can watch this video我這樣解釋瞭如何使用kodeWeave進行桌面導出。

我列出了我使用和推薦的服務。我不會列出沒有經過警告就沒有試過的東西。

如果您有一臺備用筆記本電腦，您可以use that as a web server。我從來沒有做過，因爲這對我來說不值得。然而，你可能想看看

最後，你可以閱讀Creating a Local Server Configuration with PyCharm這可能是你正在尋找的選項。

來源

2016-04-23 08:11:07

我一定會查找kodeWeave。謝謝！許多答案說我需要託管服務。是的，如果我想將我的網站部署到固定的IP地址。但是，在我的筆記本電腦上暫時運行玩具網絡服務器時，是否無法簡單地讓他們簡單地訪問我的Web應用程序？這不是我理解的長期解決方案。但只是給他們一個偷看。如果可能的話，我想避免將它推送到託管服務的努力和學習曲線。我將不得不設置後端API，數據庫等（這些目前都在本地運行） –

您可以閱讀[使用PyCharm創建本地服務器配置]（https://www.jetbrains.com/help/pycharm/ 2016.1/creating-a-local-server-configuration.html）這可能是你正在尋找的選項。 –

將PyCharm中的配置更改爲主機0.0.0.0。您還需要將您的路由器端口轉移...我強烈建議不要將此用作任何長期，中期或短期解決方案。

來源

2016-04-23 08:14:08 probinson

如何在PyCharm中更改該配置？我只想做幾秒鐘。許多答案說我需要託管服務。是的，如果我想將我的網站部署到固定的IP地址。但是，在我的筆記本電腦上暫時運行玩具網絡服務器時，是否無法簡單地讓他們簡單地訪問我的Web應用程序？這不是我理解的長期解決方案。但只是給他們一個偷看。如果可能的話，我想避免將它推送到託管服務的努力和學習曲線。我將不得不設置後端API，數據庫等（這些目前都在本地運行） –

也許[this]（http：// stackoverflow。com/questions/30422421/django-run-project-from-pycharm-server-not-accessible）將會有所幫助。 – probinson

使用localtunnel暴露您的本地主機 - https://github.com/localtunnel/localtunnel

來源

2016-04-23 08:39:05 dmoo

oooooo，它位於[MIT]（https://opensource.org/licenses/MIT）許可證下。我喜歡這個！ –

如何從我的機器上提供HTML + JS + CSS webapp，以便其他人可以查看它？

回答

相關問題