将本地启动一个HTTP服务器,映射到外网环境

时间: 2018-01-30阅读: 4422标签: 服务器

将本有时候,我们想要测试一下打包好的项目,但是直接点开index.html文件不管用,因为依赖的路径不正确,这时候就需要启动一个HTTP服务来打开项目。我们可以使用 http-server 或者 web server for chrome 来解决这个问题。

有时候,我们还想要外网也能访问我们本地的服务,这时候我们可以使用 ngrok 来解决这个问题。


一、如何简单地在本地启动一个HTTP服务

1、http-server

http-server 是一个简单的,零配置的命令行http服务器。它足够强大,可以用于生产环境,但它很简单,可以用来测试,本地开发和学习。


使用 http-server 很简单:

//全局安装http-server
npm install http-server -g
//找到你要运行的文件目录下,敲下http-server,项目就顺利运行起来了
http-server


关于http-server 的具体说明:

http-server [path] [options]
//[path]默认路径为./public,如果没有./public文件夹,则路径为./。

http-server还有更多的配置项,可以 戳这里来详细了解它。


2、web server for chrome

web server for chrome 是谷歌浏览器的一个插件,使用它也可以很方便的启动本地HTTP服务。它长下面这个样子:


你可以 戳这里来获取它,不过需要注意的的是,由于这个链接访问的是谷歌商店,所以需要科学上网。如果你还不知道如何科学上网, 戳这里,蓝灯或许能帮助到你。

安装好后打开 web server for chrome,它长下面这个样子:


这时候就可以手动配置来轻松使用它了。


一、如何将本地服务映射到外网环境

1、ngrok

ngrok是一个反向代理,它会在本地的Web服务和公共端点之间创建一个安全的通道。


使用它也很简单,先到他的 官方网站上找到对应的下载地址,解压并运行ngrok,

//敲下ngrok http 8080,本地的8080端口就会被映射到外网环境
ngrok http 8080


如下图:


我们还可以到它的 官方网站或者 github更详细地了解它。

来源: http://www.wangyulue.com

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/408

网站服务器的选择

虽然说现在服务器的硬件比之前是便宜了很多了,也有VPS和云服务器可以选择。但是对新手来说,如何选择适合自己的服务器也是一个很让人头疼的问题。

极简NodeJs代码实现一个http静态服务器

使用极简NodeJs代码实现一个http静态服务器 , 且可以访问并引用当前目录下的HTML/CSS/JS等静态资源,运行命令node app.js,若没有安装express模块,运行命令npm install express进行安装;

Web服务器

什么是Web服务器?其实并没有标准定义。一般认为,Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,可以向浏览器等Web客户端提供文档,也可以放置网站文件,让全世界浏览

node实现静态文件服务器

一般后端进行静态文件处理都是使用 Apache nginx 等静态 web 服务器,但是既然使用 node 了,就用 node 实现以下静态服务器吧.之前弄了不少充满艺术的数据,就弄个页面进行艺术欣赏吧

Express服务器开发

让我们来创建Express应用程序,Express是一个Node.js Web应用框架,它很强大,可以为用户创建各种Web应用和HTTP工具,使用Express框架可以搭建一个完整功能的网站。

Web服务器、应用程序服务器、HTTP服务器区别

WEB服务器、应用程序服务器、HTTP服务器有何区别?IIS、Apache、Tomcat、Weblogic、WebSphere 都各属于哪种服务器?这些问题困惑了很久,今天终于梳理清楚了:

怎么租用网站服务器的步骤

网站服务器租用是指租用的服务器主要是用来放置企业网站。那么对于企业网站的服务器该如何选择呢,如何租用呢?价格如何?我来教教大家正确选择租用网站服务器,步骤如下:

Linux服务器安装node环境

因使用的服务器不能直接连接外网,这里就从node官网下载之后再上传,也可以使用wget直接下载,下载版本 ;就可以在全局使用node和npm,因还需要使用pm2启动node服务,继续安装pm2

三大Web服务器对比分析(apache ,lighttpd,nginx)

Lighttpd是一个具有非常低的内存开销,cpu占用率低,效能好,以及丰富的模块等特点;apache是世界排名第一的web服务器;Nginx是俄罗斯人编写的十分轻量级的HTTP服务器

网站建设如何选择优质服务器主机?

我们在建设网站过程中,一定无法避免选择合适的服务器空间,所谓的虚拟主机就是在网络服务器上分出一定的磁盘空间,供用户放置站点文件,应用组件程序等

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全运营推广