nodejs搭建web服务器就是这么简单！

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。（nodejs官网上的介绍），正如官网上介绍的那样，nodejs确实很牛！怎么个牛法？看看下面的代码就知道了。

//引入http模块

var http = require("http")

//设置主机名

var hostName = '127.0.0.1'

//设置端口

var port = 8080

//创建服务

var server = http.createServer(function(req,res){

res.setHeader('Content-Type','text/plain')

res.end("hello nodejs")

})

server.listen(port,hostName,function(){

console.log(`服务器运行在http://${hostName}:${port}`)

})

短短几行代码就把一个简单的web服务器搭建完成了，为了验证效果，我们在浏览器请求，结果如下

运行成功！

到此为止，一个web服务器就建立成功了！ 没错就是这么简单，然后我们就可以写个html界面愉快的玩耍了，哈哈哈！果断的写了一个html页面来请求一下我们的web服务器。

代码简单，点击p获取数据并将服务器返回的数据展示。好了，我们运行一下demo.html文件，我擦来！居然出现了……

很明显，通过jquery请求不到数据，这是因为跨域请求的原因。我们的web服务器并不支持跨域请求，所以报错了。解决方式：在服务器的响应头文件里加上如下代码：

再次重启服务器，运行demo.html，显示结果很是令人欣喜！

通常请求服务器都会拼接参数的，最常用的就是get请求，post请求。很明显，我们现在的代码还不能支持。express框架很好的封装了nodejs的http模块，使我们用起来非常的简单。

引入express ：$ cnpm install express –save

使用方式变化不大，通过express（）方法开启服务，然后在通过get方法来设置匹配参数的路由，通过在回调函数的req中可以获取请求参数和地址。post请求也是类似，不过有不同的是，post请求在获取参数的时候要引入body-parser 中间件，用于处理 JSON, Raw, Text 和 URL 编码的数据。

运行结果：

完整的get以及post请求就是以上了。下一篇文章会结果fs文件模块介绍http是如何返回文件的，敬请期待！！

学习从来不是一个人的事情，要有个相互监督的伙伴，想要学习或交流前端问题的小伙伴可以私信“学习”小明加群获取2019web前端最新入门资料，一起学习，一起成长！

这个web服务器包括三块，app.js是程序入口，负责响应url请求；route.js是路由，用来分发处理复杂的业务逻辑；system.js是配置文件，用来配置服务器参数，如host、port等

首先来看app.js，引用模块，http处理url请求，url用来解析请求参数和路径，path只是用来匹配路径的扩展名o(╯□╰)o，fs用来读取本地静态文件，剩下两个模块后面详解。

接下来正式创建服务器处理请求，请求大致分两类，一类是静态文件，如xxx.html、xxx.js等等，另一类是进行业务处理，如常见的增删查改操作，这一部分操作交给路由处理，这里用了一个简单的判断逻辑：通过后缀名，后缀名在system.js中配置。

读取本地文件的时候要注意一点，那就是缓存。如果客户端发出重复请求，服务器需要判断文件自上次请求后是否发生了修改，如果未修改返回304，这样可以加快浏览器端的响应速度。这里的判断方式是通过判断请求的header的if-modified-since时间和本地文件修改时间是否一致，如果一致则返回304，否则重置该时间，第一张图是代码，第二张图是通过chrome调试工具看到的请求头部时间。

如果需要进行业务处理，则交给路由处理了。首先路由引入具体的业务逻辑模块，然后通过解析具体的路径名来执行具体的业务逻辑，这里注意的是：由于node.js的并发特性，记得传入回调函数来获得相应的处理结果。

如何用自己的电脑搭建web服务器

这个可以直接百度搜索就有的。第一条经验里面就有里面内容很详细。搭建的时候。要看清楚自己的电脑是什么系统。XP和WIN7的系统是有不同步骤的。

参考资料：:jingyan.baidu./article/9f63fb91d583b7c8400f0eef.

如何利用自己的电脑搭建WEB服务器

如何利用自己的电脑搭建WEB服务器？有各种方法，现在总结如下：

一、apache

1，下载wamp（windows+apache+mysql+php）环境安装包，解压到本地，就可以本地搭建web网站了，不过这种方法要求对代码和apache比较精通。

2，下载phpstudy环境安装包，解压到本地，这个环境适合学习及本地测试，操作非常小白，界面式操作。

3，下载upupw适配安装包，这个也是界面式的，可以选择IIS、APACHE、KANGLE等各种环境。

二、IIS

目前windows7以上版本的系统，都支持IIS7.0。操作步骤比较繁琐。

如何用自己的电脑搭建web服务器，让外网的用户访问

1、建议使用虚拟机，选择好你需要的平台，在机子上装好系统，以及对应的web服务端，然后在你的路由器上做好端口映射。

2、你要有个公网IP,如果没有固定IP的话，可以用动态域名还做。

1.咱们先假定是固定IP的，如何域名解析？（我在局域网中用静态IP，是固定的）

2.动态IP又如何域名解析？

3.自己的家的电脑想试试，还有就是学校的一台电脑服务器也想试试

如何搭建自己的Web服务器

安装护卫神.主机大师，一键安装web环境，支持IIS+ASP+ASP.+PHP+FTP+MYSQL+主机系统

如何用自己的电脑做一个WEB服务器

服务器具备的条件是24小时开机，因为要向外开放网络。web的话就必须搭建相应的环境，比如你制作的网站是asp环境就必须搭建asp环境的，还有php，jps等等，根据自己的需求安装环境，还有其他的web应用。搭建网站的条件是1.域名（等等）2.服务器（自己电脑，或者购买服务器）3.脚本（aspaspxphpjsp等等）为了防止别人入侵你的网站你可以安装相应的软件来防止别人入侵你的网站比如：安全宝，安全狗。

xp用户请下载iis for xp 的压缩包。百度一下即可

一、IIS的添加

请进入“控制面板”，依次选“添加/删除程序→添加/删除Windows组件”，将“Inter信息服务（IIS）”前的小钩去掉（如有），重新勾选中后按提示操作即可完成IIS组件的添加。用这种方法添加的IIS组件中将包括Web、FTP、NNTP和SMTP等全部四项服务。

二、IIS的运行

当IIS添加成功之后，再进入“开始→程序→管理工具→Inter服务管理器”以打开IIS管理器，对于有“已停止”字样的服务，均在其上单击右键，选“启动”来开启。

三、建立第一个Web站点

比如本机的IP地址为192.168.0.1，自己的网页放在D:\Wy目录下，网页的首页文件名为Index.htm，现在想根据这些建立好自己的Web服务器。

对于此Web站点，我们可以用现有的“默认Web站点”来做相应的修改后，就可以轻松实现。请先在“默认Web站点”上单击右键，选“属性”，以进入名为“默认Web站点属性”设置界面。

1．修改绑定的IP地址：转到“Web站点”窗口，再在“IP地址”后的下拉菜单中选择所需用到的本机IP地址“192.168.0.1”。

2．修改主目录：转到“主目录”窗口，再在“本地路径”输入（或用“浏览”按钮选择）好自己网页所在的“D:\Wy”目录。

3．添加首页文件名：转到“文档”窗口，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“Index.htm”。

4．添加虚拟目录：比如你的主目录在“D:\Wy”下，而你想输入“192.168.0.1/test”的格式就可调出“E:\All”中的网页文件，这里面的“test”就是虚拟目录。请在“默认Web站点”上单击右键，选“新建→虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“E:\All”后再按提示操作即可添加成功。

5．效果的测试：打开IE浏览器，在地址栏输入“192.168.0.1”之后再按回车键，此时就能够调出你自己网页的首页，则说明设置成功！

四、添加更多的Web站点

1．多个IP对应多个Web站点

如果本机已绑定了多个IP地址，想利用不同的IP地址得出不同的Web页面，则只需在“默认Web站点”处单击右键，选“新建→站点”，然后根据提示在“说明”处输入任意用于说明它的内容（比如为“我的第二个Web站点”）、在“输入Web站点使用的IP地址”的下拉菜单处选中需给它绑定的IP地址即可（如图1）；当建立好此Web站点之后，再按上步的方法进行相应设置。

如何在自己的电脑上搭建web服务器

常见的Web服务器有IIS，d和tomcat。Httpd和tomcat只需要下载只需要下载二进制包，解压，从解压目录的bin目录下运行d.exe或者startup.bat启动即可。tomcat运行在java环境下，启动之前还需要安装java的jdk运行环境。另外，IIS自带在微软的Visual studio工具包里，安装好以后可以通过控制面板里面的安装或关闭windows功能添加启动服务。网络上都有相关安装教程，可以参阅。

如何用nodejs搭建web服务器

用nodejs搭建web服务器方法：

引入需要用到的几个模块：

协议模块

var = require('')

url解析模块

var url = require('url')

文件系统模块

var fs = require("fs")

路径解析模块

var path = require("path")

创建服务并在指定的端口监听：

创建一个服务

var Server = .createServer(this.processRequest.bind(this))

在指定的端口监听服务

Server.listen(port,function(){

console.log("[HttpServer][Start]","runing at :"+ip+":"+port+"/")

console.timeEnd("[HttpServer][Start]")

})

在创建服务的时候需要传递一个匿名函数processRequest 对请求进行处理，processRequest接收2个参数，分别是request和response, request对象中包含了请求的所有内容，response是用来设置响应头以及对客户端做出响应操作。

processRequest:function(request,response){

var hasExt = true

var requestUrl = request.url

var pathName = url.parse(requestUrl).pathname

对请求的路径进行解码，防止中文乱码

pathName = decodeURI(pathName)

如果路径中没有扩展名

if(path.extname(pathName) === ''){

如果不是以/结尾的，加/并作301重定向

if (pathName.charAt(pathName.length-1) != "/"){

pathName += "/"

var redirect = ":"+request.headers.host + pathName

response.writeHead(301, {

location:redirect

})

response.end()

}

添加默认的访问页面,但这个页面不一定存在,后面会处理

pathName += "index."

hasExt = false标记默认页面是程序自动添加的

}

获取资源文件的相对路径

var filePath = path.join("/webroot",pathName)

获取对应文件的文档类型

var contentType = this.getContentType(filePath)

如果文件名存在

fs.exists(filePath,function(exists){

if(exists){

response.writeHead(200, {"content-type":contentType})

var stream = fs.createReadStream(filePath,{flags:"r",encoding:null})

stream.on("error", function() {

response.writeHead(500,{"content-type": "text/"})

response.end("<h1>500 Server Error</h1>")

})

返回文件内容

stream.pipe(response)

}else { 文件名不存在的情况

if(hasExt){

如果这个文件不是程序自动添加的，直接返回404

response.writeHead(404, {"content-type": "text/"})

response.end("<h1>404 Not Found</h1>")

}else {

如果文件是程序自动添加的且不存在，则表示用户希望访问的是该目录下的文件列表

var = "<head><meta charset='utf-8'></head>"

try{

用户访问目录

var filedir = filePath.substring(0,filePath.lastIndexOf('\\'))

获取用户访问路径下的文件列表

var files = fs.readdirSync(filedir)

将访问路径下的所以文件一一列举出来，并添加超链接，以便用户进一步访问

for(var i in files){

var filename = files[i]

+= "<div><a href='"+filename+"'>"+filename+"</a></div>"

}

}catch (e){

+= "<h1>您访问的目录不存在</h1>"

}

response.writeHead(200, {"content-type": "text/"})

response.end()

}

}

})

},

---