如何通过Node.js详细步骤搭建一个高效稳定的Web服务器?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1256个文字,预计阅读时间需要6分钟。
使用Node创建Web服务器,什么是Web服务器?Web服务器通常指网站服务器,是指驻留于特定计算机上的程序,用于提供网络信息服务,使网络用户可以通过标准的网络协议如HTTP或HTTPS浏览器等方式访问服务器上的网页信息。Web服务器的功能主要是提供Web浏览服务。它只需要支持HTT
使用 Node 创建 Web 服务器
什么是 Web 服务器?
Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。
大多数 web 服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。
目前最主流的三个Web服务器是Apache、Nginx、IIS。
Node.js 提供了 127.0.0.1:8081/');
通过上面代码,我们就能够实现服务器对于文件的查找,下面,我们就进行创建一个html文件,然后通过浏览器进行访问
2、编写html文件(index.html),用于浏览器进行请求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> 这是一个用于进行nodejs服务器测试的html文件,我们能够通过在浏览器上面输入 127.0.0.1:8081/WebServer/index.html进行访问 </body> </html>
创建完之后,我们进行测试,现在我的目录结构是这样的:
3、进行测试
(1) 首先我们启动服务器,使用命令node WebServer/server.js
(2) 在浏览器进行访问,在url栏中输入127.0.0.1:8081/WebServer/index.html
其显示效果如下所示:
后台效果如下所示:
当然,我们也能够通过访问通过127.0.0.1:8081/LoveYou.html访问server.js文件夹外边的文件,进行到这里,我们就可以得到文件返回给前端,但是有些同学可能会问,样式该怎么做??如下面代码,我们进行了样式的定义,修改了两个div的大小,并且给div设置边框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> body { border: 1px solid red; } div { border-radius: 10px; width: 500px; height: 200px; border: 2px solid green; } </style> </head> <body> 这是一个用于进行nodejs服务器测试的html文件,我们能够通过在浏览器上面输入 127.0.0.1:8081/WebServer/index.html进行访问 <div>1</div> <div>2</div> </body> </html>
效果如下所示
有了这些,我们还会问,你这样直接将样式写在html中,我可不干,我要把样式写道另外单独一个文件中,然后通过引用的方式引入,于是就会有人使用下面代码:
<link rel="stylesheet" href="127.0.0.1:8081/WebServer/index.css" rel="external nofollow" >
然而,这段代码并不会起作用,因为传递给前端的方式Content-Type是有问题的,需要我们的服务器进行下一步操作,也就是处理静态文件。既然传给前端时需要告诉type是css,那么我们就进行区分对待,如下面代码,我们对server.js进行修改如下:
var 127.0.0.1:8081/');
接着,我们需要在项目中创建一个static文件夹,如下面所示结构:
在static文件夹中创建index.css文件,代码内容如下所示:
body { border: 1px solid blue; } div { border-radius: 10px; width: 400px; height: 200px; border: 2px solid yellow; }
也就是修改body边框为蓝色,div边框为黄色,同时我们需要更新index.html中文件内容如下所示:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="127.0.0.1:8081/WebServer/static/index.css" rel="external nofollow" > </head> <body> 这是一个用于进行nodejs服务器测试的html文件,我们能够通过在浏览器上面输入 127.0.0.1:8081/WebServer/index.html进行访问 <div>1</div> <div>2</div> </body> </html>
也就是通过引入的方式将样式引入到html文件中,然后在浏览器查看内容,效果如下所示:
很明显,我们的样式已经通过引入的方式引进到html页面中了,同样的原理,我们能够进行将js也通过引入的方式进行使用,在这里我就不一一贴出代码了,看看效果如下所示:
在上面效果中,当我点击2号div的时候,将会调用我在js文件夹中的方法去执行弹窗,详细代码请到github下载:github.com/suwu150/node-www.jb51.net/article/191240.htm 这是使用java进行写的服务器
到此这篇关于浅谈使用nodejs搭建web服务器的过程的文章就介绍到这了,更多相关nodejs搭建web服务器内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络!
本文共计1256个文字,预计阅读时间需要6分钟。
使用Node创建Web服务器,什么是Web服务器?Web服务器通常指网站服务器,是指驻留于特定计算机上的程序,用于提供网络信息服务,使网络用户可以通过标准的网络协议如HTTP或HTTPS浏览器等方式访问服务器上的网页信息。Web服务器的功能主要是提供Web浏览服务。它只需要支持HTT
使用 Node 创建 Web 服务器
什么是 Web 服务器?
Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。
大多数 web 服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。
目前最主流的三个Web服务器是Apache、Nginx、IIS。
Node.js 提供了 127.0.0.1:8081/');
通过上面代码,我们就能够实现服务器对于文件的查找,下面,我们就进行创建一个html文件,然后通过浏览器进行访问
2、编写html文件(index.html),用于浏览器进行请求
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> 这是一个用于进行nodejs服务器测试的html文件,我们能够通过在浏览器上面输入 127.0.0.1:8081/WebServer/index.html进行访问 </body> </html>
创建完之后,我们进行测试,现在我的目录结构是这样的:
3、进行测试
(1) 首先我们启动服务器,使用命令node WebServer/server.js
(2) 在浏览器进行访问,在url栏中输入127.0.0.1:8081/WebServer/index.html
其显示效果如下所示:
后台效果如下所示:
当然,我们也能够通过访问通过127.0.0.1:8081/LoveYou.html访问server.js文件夹外边的文件,进行到这里,我们就可以得到文件返回给前端,但是有些同学可能会问,样式该怎么做??如下面代码,我们进行了样式的定义,修改了两个div的大小,并且给div设置边框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> body { border: 1px solid red; } div { border-radius: 10px; width: 500px; height: 200px; border: 2px solid green; } </style> </head> <body> 这是一个用于进行nodejs服务器测试的html文件,我们能够通过在浏览器上面输入 127.0.0.1:8081/WebServer/index.html进行访问 <div>1</div> <div>2</div> </body> </html>
效果如下所示
有了这些,我们还会问,你这样直接将样式写在html中,我可不干,我要把样式写道另外单独一个文件中,然后通过引用的方式引入,于是就会有人使用下面代码:
<link rel="stylesheet" href="127.0.0.1:8081/WebServer/index.css" rel="external nofollow" >
然而,这段代码并不会起作用,因为传递给前端的方式Content-Type是有问题的,需要我们的服务器进行下一步操作,也就是处理静态文件。既然传给前端时需要告诉type是css,那么我们就进行区分对待,如下面代码,我们对server.js进行修改如下:
var 127.0.0.1:8081/');
接着,我们需要在项目中创建一个static文件夹,如下面所示结构:
在static文件夹中创建index.css文件,代码内容如下所示:
body { border: 1px solid blue; } div { border-radius: 10px; width: 400px; height: 200px; border: 2px solid yellow; }
也就是修改body边框为蓝色,div边框为黄色,同时我们需要更新index.html中文件内容如下所示:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="127.0.0.1:8081/WebServer/static/index.css" rel="external nofollow" > </head> <body> 这是一个用于进行nodejs服务器测试的html文件,我们能够通过在浏览器上面输入 127.0.0.1:8081/WebServer/index.html进行访问 <div>1</div> <div>2</div> </body> </html>
也就是通过引入的方式将样式引入到html文件中,然后在浏览器查看内容,效果如下所示:
很明显,我们的样式已经通过引入的方式引进到html页面中了,同样的原理,我们能够进行将js也通过引入的方式进行使用,在这里我就不一一贴出代码了,看看效果如下所示:
在上面效果中,当我点击2号div的时候,将会调用我在js文件夹中的方法去执行弹窗,详细代码请到github下载:github.com/suwu150/node-www.jb51.net/article/191240.htm 这是使用java进行写的服务器
到此这篇关于浅谈使用nodejs搭建web服务器的过程的文章就介绍到这了,更多相关nodejs搭建web服务器内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络!

