21xrx.com
2024-11-22 05:38:43 Friday
登录
文章检索 我的文章 写文章
如何使用nodejs搭建服务器访问本地HTML文件
2023-06-27 07:12:50 深夜i     --     --
Node js Server Local HTML file Access Setup

Nodejs是一个基于Chrome的V8引擎开发的JavaScript运行环境。它可以让JavaScript在服务器端运行,实现了更加高效的服务器端代码编写。在这个过程中,使用Nodejs搭建服务器可以非常方便地访问本地HTML文件,同时也可以利用其他Nodejs的模块来实现更加复杂的功能。下面将介绍如何使用Nodejs搭建服务器访问本地HTML文件。

1. 安装Nodejs

首先需要安装Nodejs。可以在Nodejs官网上下载相应的安装包进行安装。安装完成后,打开终端或控制台,输入node -v命令,如果输出了Nodejs版本号,说明安装成功。

2. 创建本地文件夹

接着,需要在本地创建一个文件夹,用于存放HTML文件和服务器脚本。可以直接在桌面或其他目录下新建一个文件夹,例如命名为server。

3. 创建服务器脚本

在server文件夹下,打开文本编辑器,创建一个名为server.js的文件,在文件中输入以下代码:


const http = require('http');

const fs = require('fs');

const path = require('path');

http.createServer(function (request, response) {

 console.log('request ', request.url);

 let filePath = '.' + request.url;

 if (filePath === './')

  filePath = './index.html';

 

 const extname = String(path.extname(filePath)).toLowerCase();

 const mimeTypes = {

  '.html': 'text/html',

  '.js': 'text/javascript',

  '.css': 'text/css',

  '.json': 'application/json',

  '.png': 'image/png',

  '.jpg': 'image/jpg',

  '.gif': 'image/gif',

  '.wav': 'audio/wav',

  '.mp4': 'video/mp4',

  '.woff': 'application/font-woff',

  '.ttf': 'application/font-ttf',

  '.eot': 'application/vnd.ms-fontobject',

  '.otf': 'application/font-otf',

  '.svg': 'application/image/svg+xml'

 };

 const contentType = mimeTypes[extname] || 'application/octet-stream';

 fs.readFile(filePath, function(error, content) {

  if (error) {

   if(error.code == 'ENOENT'){

    fs.readFile('./404.html', function(error, content) {

     response.writeHead(404, { 'Content-Type': 'text/html' });

     response.end(content, 'utf-8');

    });

   }

   else {

    response.writeHead(500);

    response.end('Sorry, check with the site admin for error: '+error.code+' ..\n');

    response.end();

   }

  }

  else {

   response.writeHead(200, { 'Content-Type': contentType });

   response.end(content, 'utf-8');

  }

 });

}).listen(8080);

console.log('Server running at http://127.0.0.1:8080/');

4. 运行服务器

接下来可以在终端或控制台中进入server文件夹,输入node server.js命令启动服务器。如果一切正常,终端或控制台会输出“Server running at http://127.0.0.1:8080/”。

5. 访问本地HTML文件

最后,在浏览器中输入http://127.0.0.1:8080/即可访问本地index.html文件。如果有其他HTML文件需要访问,只需要将其保存在server文件夹中,然后在浏览器中输入相应文件名即可。

以上就是使用Nodejs搭建服务器访问本地HTML文件的全部过程。同时,在这个过程中,也可以添加其他模块,实现更加复杂的功能。例如,可以使用Express模块来简化HTTP请求处理;可以使用Socket.io模块实现实时数据传输;可以使用Mongoose模块连接MongoDB数据库等。Nodejs作为一种轻量级、高效、快速的技术,值得大家深入学习和应用。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复