`

简单搭建nodeJS服务,访问本地站点文件

 
阅读更多

搭建nodejs服务器步骤:

 

1.安装nodejs服务(从官网下载安装),node相当于apache服务器

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


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

 

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

 

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访问 该文件

 

 

 

(文章来自:http://blog.csdn.net/u014420383/article/details/47945819)

分享到:
评论

相关推荐

    nodejs服务搭建教程 nodejs访问本地站点文件

    本篇教程主要介绍了如何使用Node.js搭建本地服务,并通过该服务访问本地站点文件。 首先,在搭建Node.js服务之前,需要进行安装。安装Node.js服务的步骤通常包括从Node.js官网下载对应操作系统的安装包并执行安装。...

    Windows下快速搭建NodeJS本地服务器的步骤

    在进行Windows平台下搭建Node.js本地服务器的讲解之前,让我们先了解一些基本概念。Node.js是一种基于Chrome V8引擎的JavaScript运行环境,它使得JavaScript能够脱离浏览器,在服务器端运行。Node.js使用事件驱动,...

    用nodeJS搭建本地文件服务器的几种方法小结

    如果需要访问本地站点的文件,如HTML页面,可以做如下操作: 1. 在服务器文件中,设置documentRoot变量指向存放网站文件的目录。 2. 修改回调函数内的逻辑,根据req.url获取请求的文件路径。使用fs模块的readFile...

    Node.js-DemoBook一个轻松部署静态文件的应用程序并提供CLI和Server

    4. **启动服务**:执行 `demobook serve` 命令,DemoBook 会在本地启动一个服务器,你可以通过浏览器预览你的静态站点。 5. **部署**:当准备就绪,使用 `demobook deploy` 命令将你的站点推送到指定的服务器或托管...

    博客hexo搭建1

    保存文件后,可以通过运行`hexo g`来生成静态网页,运行`hexo s`启动本地服务器预览效果。 #### 六、总结 通过以上步骤,你已经成功搭建了一个基于Hexo的个人博客系统。接下来可以根据个人喜好自定义主题、布局和...

    win8+_node-v14.15.3-x64+配置

    从官方站点(https://nodejs.org/)选择适用于Windows 64位的版本,这里我们已经拥有文件“node-v14.15.3-x64.msi”。双击该文件启动安装程序,按照提示进行安装。确保勾选“添加Node.js到系统路径”选项,这样可以...

    Node.js-Hexo博客搭建全攻略

    总的来说,Node.js结合Hexo搭建博客是一个简单而高效的过程。通过这个过程,你不仅能掌握基础的Web开发知识,还能深入了解Markdown和静态站点生成原理,为今后的技术学习打下坚实基础。现在就动手开始你的博客之旅吧...

    node-v14.15.0-x64.rar

    1. **下载**: 首先,访问Node.js官网或第三方镜像站点,下载“node-v14.15.0-x64.rar”压缩包,并解压至本地文件夹。 2. **安装**: 双击解压后的“node-v14.15.0-x64.msi”文件,启动安装向导。按照提示进行操作,...

    Grafana6.7.x汉化操作步骤(第二十一篇) · 语雀1

    你可以通过访问Yarn的官方文档或使用以下两条命令来安装这两个组件: ```bash # 添加Yarn的repo curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | tee /etc/yum.repos.d/yarn.repo # 添加Node.js...

    ideahacks.la:IDEA Hacks的网站,这是UCLA每年针对硬件的黑客马拉松

    访问localhost:3000以查看站点。development.json development.json文件包含无法推送到GitHub的私有配置变量,因此必须创建它才能在本地运行项目。 看起来像: { "dbURI": "INSERT_URI_HERE", "sessionSecret": ...

    samertm.com:这不是我网站的规范存储库,因此可能已过时。 生成的六边形

    Hexo 是一个静态站点生成器,它能够将文本内容转换成静态 HTML 文件,这些文件可以直接部署到服务器上,提供高效、快速的访问体验。Hexo 的核心特性包括支持多种主题、插件和易于配置,使得个人博客或小型项目网站的...

Global site tag (gtag.js) - Google Analytics