用nodeJS搭建本地文件服务器

转自:https://www.jb51.net/article/108566.htm

搭建nodejs服务器步骤:

1.安装nodejs服务,node相当于apache服务器

2.在自己定义的目录下新建服务器文件如 server.js 

例如,我在E:\PhpProject\HTML5\websocket下创建了server.js文件

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

var http = require('http');//引入http模块

 

//开启服务,监听8888端口

//端口号最好为6000以上

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

  /*

    req用来接受客户端数据

    res用来向客户端发送服务器数据

  */

 

  console.log('有客户端连接');//创建连接成功显示在后台

 

  //一参是http请求状态,200连接成功

  //连接成功后向客户端写入头信息

  res.writeHeader(200,{

    'content-type' : 'text/html;charset="utf-8"'

  });

 

  res.write('这是正文部分');//显示给客户端

  res.end();

 

}).listen(8888);

 

console.log('服务器开启成功');

3.在cmd控制台中cd切换进server.js所在的目录,然后执行node server.js命令 

当控制台显示”服务器开启成功”则说明node服务器已经建立

4.在浏览器中访问服务器 

在浏览器中输入 

localhost:8888 , 浏览器显示“这是正文部分”。 

查看cmd控制台,显示 “有客户端连接” 

可在多个浏览器窗口中进行以上操作,每个浏览器窗口均会对应一次“有客户端连接”

以上步骤完成,node服务搭建完毕。下面是如何通过搭建的node服务访问本地站点的 text/html文本文件

访问本地站点文件

1.在自定义的目录下创建node服务文件server2.js

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

var http = require('http');

var fs = require('fs');//引入文件读取模块

 

var documentRoot = 'E:/PhpProject/html5/websocket/www';

//需要访问的文件的存放目录

 

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

 

  var url = req.url;

  //客户端输入的url,例如如果输入localhost:8888/index.html

  //那么这里的url == /index.html

 

  var file = documentRoot + url;

  console.log(url);

  //E:/PhpProject/html5/websocket/www/index.html

 

 

  fs.readFile( file , function(err,data){

  /*

    一参为文件路径

    二参为回调函数

      回调函数的一参为读取错误返回的信息,返回空就没有错误

      二参为读取成功返回的文本内容

  */

    if(err){

      res.writeHeader(404,{

        'content-type' : 'text/html;charset="utf-8"'

      });

      res.write('<h1>404错误</h1><p>你要找的页面不存在</p>');

      res.end();

    }else{

      res.writeHeader(200,{

        'content-type' : 'text/html;charset="utf-8"'

      });

      res.write(data);//将index.html显示在客户端

      res.end();

 

    }

 

  });

 

 

 

}).listen(8888);

 

console.log('服务器开启成功');

2.创建index.html文件

如果要访问index.html文件,当然你得先有这个文件,不然服务器读取失败,返回404

3.在cmd控制台cd切换到 server2.js的目录下执行node server2.js命令 

开启服务器

4.在浏览器输入localhost:8888/index.html访问 该文件

如果电脑没有安装nodejs的同学可以先到node官方下载并安装好node程序。

安装好nodejs后验证一下是否安装成功!如果出现则表明node已经承装安装上去了!

安装好node之后打开cmd 输入 npm install anywhere -g  安装anywhere ,然后等待直到出现以下界面。

以上两个步骤都就绪以后,万事俱备,只欠东风啦!在cmd页面 找到你想搭建服务器的路径,然后再当前路径下输入: anywhere 8860

然后浏览器就自动打开本地访问网址,一个简单的node服务器就这样被我们搭建好啦!

END

注意事项

  • anywhere 建议安装全局的
  • node 建议用32位的,64位目前兼容性没有32位好

 如果我们直接打开html文件他是以file:///方式打开的,但这种方式有时会遇到跨域的问题:“cross-origin”,所以我们需要搭建一个简易的本地服务器,Nodejs就可以满足我们这个需求:

比如我的本地服务器js文件就是这样的(我把这个server.js放在了Nodejs安装目录下):

?

1

2

3

4

5

6

7

var connect = require("connect");

var serveStatic = require("serve-static");

 

var app = connect();

app.use(serveStatic("C:\\xxx\\xxx\\xxx\\项目文件夹"));

 

app.listen(5000);

运行的话只要执行:node server.js 就可以了

正常运行后我们就可以在浏览器输入localhost:5000来访问项目文件夹内的文件了。(如果是index.html文件可以省略不写,默认加载的就是这个文件)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家

使用Node.js搭建本地服务器非常简单。首先,我们需要安装Node.js。 安装完成后,打开终端(或命令行窗口),进入想要搭建服务器文件夹。 创建一个新的Node.js文件,命名为server.js(或其他任何你喜欢的名称),然后将以下代码复制到该文件中: ```javascript const http = require('http'); const fs = require('fs'); const path = require('path'); const server = http.createServer((req, res) => { let filePath = path.join(__dirname, req.url); let contentType = 'text/html'; fs.exists(filePath, (exists) => { if (exists) { fs.readFile(filePath, (error, content) => { if (error) { res.writeHead(500); res.end('Server Error'); } else { res.writeHead(200, { 'Content-Type': contentType }); res.end(content, 'utf-8'); } }); } else { res.writeHead(404); res.end('File Not Found'); } }); }); server.listen(3000, () => { console.log('Server running at http://localhost:3000/'); }); ``` 上述代码使用了Node.js的HTTP、FS和Path模块。server.js文件创建了一个HTTP服务器。当有请求发送到服务器时,它会检查请求的URL地址是否是文件路径,并将请求的文件作为响应发回给客户端。 在终端中运行以下命令启动服务器: ``` node server.js ``` 这将在本地启动一个HTTP服务器,监听在3000端口上。你可以通过浏览器访问http://localhost:3000/ 来访问该服务器。 请注意,在代码中,`contentType`变量默认设置为'text/html',这意味着服务器会将所有请求的文件作为HTML文件返回。你也可以根据需要更改它,例如如果你想返回CSS文件,可以将其设置为'text/css'。 以上就是使用Node.js搭建本地服务器并访问文件的简单过程。希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值