如何从我的机器上提供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，以便其他人可以查看它？

回答

相关问题