nodejs搭静态

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

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

//引入http模块

var http = require("http");

//设置主机名

var hostName = 飗.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前端最新入门资料，一起学习，一起成长！

Ⅱ nodejs 静态服务器和http服务器有什么区别

参考cnodejs.org上面的静态服务器例子，写了下面的一个nodejs静态服务器例子，里面包含cache,压缩，贴代码如下

/**
* 静态文件服务器测试例子
* User: xuwm
* Date: 13-5-17
* Time: 上午8:38
* To change this template use File | Settings | File Templates.
*/
var port=3333;
var http = require("http");
var url = require("url");
var fs = require("fs");
var path = require("path");
var mime = require("./mime").types;
var config = require("./config");
var zlib = require("zlib");
//创建http服务端
var server=http.createServer(function(request,response){
var obj= url.parse(request.url);
response.setHeader("Server","Node/V8");
console.log(obj);
var pathname=obj.pathname;
if(pathname.slice(-1)==="/"){
pathname=pathname+config.Welcome.file; //默认取当前默认下的index.html
}
var realPath = path.join("assets", path.normalize(pathname.replace(/\.\./g, "")));
console.log(realPath) ;
var pathHandle=function(realPath){
//用fs.stat方法获取文件
fs.stat(realPath,function(err,stats){
if(err){
response.writeHead(404,"not found",{'Content-Type':'text/plain'});
response.write("the request "+realPath+" is not found");
response.end();
}else{
if(stats.isDirectory()){
}else{
var ext = path.extname(realPath);
ext = ext ? ext.slice(1) : 'unknown';
var contentType = mime[ext] || "text/plain";
response.setHeader("Content-Type", contentType);

var lastModified = stats.mtime.toUTCString();
var ifModifiedSince = "If-Modified-Since".toLowerCase();
response.setHeader("Last-Modified", lastModified);

if (ext.match(config.Expires.fileMatch)) {
var expires = new Date();
expires.setTime(expires.getTime() + config.Expires.maxAge * 1000);
response.setHeader("Expires", expires.toUTCString());
response.setHeader("Cache-Control", "max-age=" + config.Expires.maxAge);
}

if (request.headers[ifModifiedSince] && lastModified == request.headers[ifModifiedSince]) {
console.log("从浏览器cache里取")
response.writeHead(304, "Not Modified");
response.end();
} else {
var raw = fs.createReadStream(realPath);
var acceptEncoding = request.headers['accept-encoding'] || "";
var matched = ext.match(config.Compress.match);

if (matched && acceptEncoding.match(/\bgzip\b/)) {
response.writeHead(200, "Ok", {'Content-Encoding': 'gzip'});
raw.pipe(zlib.createGzip()).pipe(response);
} else if (matched && acceptEncoding.match(/\bdeflate\b/)) {
response.writeHead(200, "Ok", {'Content-Encoding': 'deflate'});
raw.pipe(zlib.createDeflate()).pipe(response);
} else {
response.writeHead(200, "Ok");
raw.pipe(response);
}
}
}
}
});

}
pathHandle(realPath);
});
server.listen(port);
console.log("http server run in port:"+port);

首先需要在JS文件里创建一个assets的文件夹，里面放入你要浏览的静态文件，比如，index.html,demo.js等。
运行方式为：在命令行里切换到上面的JS的文件目录，然后输入 node JS文件名

Ⅲ 如何用nodejs搭建web服务器

使用Node.js搭建Web服务器是学习Node.js比较全面的入门教程，因为实现Web服务器需要用到几个比较重要的模块：http模块、文件系统、url解析模块、路径解析模块、以及301重定向技术等，下面我们就一起来学习如何搭建一个简单的Web服务器。

作为一个Web服务器应具备以下几个功能：

1、能显示以.html/.htm结尾的Web页面

2、能直接打开以.js/.css/.json/.text结尾的文件内容

3、显示图片资源

4、自动下载以.apk/.docx/.zip结尾的文件

5、形如http://xxx.com/a/b/ , 则查找b目录下是否有index.html,如果有就显示，如果没有就列出该目录下的所有文件及文件夹，并可以进一步访问。

6、形如http://xxx.com/a/b, 则作301重定向到http://xxx.com/a/b/ , 这样可以解决内部资源引用错位的问题。

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

//http协议模块varhttp = require('http');//url解析模块varurl = require('url');//文件系统模块varfs = require("fs");//路径解析模块varpath = require("path");

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

//创建一个服务varhttpServer = http.createServer(this.processRequest.bind(this));//在指定的端口监听服务httpServer.listen(port,function(){console.log("[HttpServer][Start]","runing at http://"+ip+":"+port+"/");console.timeEnd("[HttpServer][Start]");});

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

processRequest:function(request,response){varhasExt =true;varrequestUrl = request.url;varpathName = url.parse(requestUrl).pathname;//对请求的路径进行解码，防止中文乱码pathName = decodeURI(pathName);//如果路径中没有扩展名if(path.extname(pathName) ===''){//如果不是以/结尾的，加/并作301重定向if(pathName.charAt(pathName.length-1) !="/"){pathName +="/";varredirect ="http://"+request.headers.host + pathName;response.writeHead(301, {location:redirect});response.end();return;}//添加默认的访问页面,但这个页面不一定存在,后面会处理pathName +="index.html";hasExt =false;//标记默认页面是程序自动添加的}//获取资源文件的相对路径varfilePath = path.join("http/webroot",pathName);//获取对应文件的文档类型varcontentType =this.getContentType(filePath);//如果文件名存在fs.exists(filePath,function(exists){if(exists){response.writeHead(200, {"content-type":contentType});varstream = fs.createReadStream(filePath,{flags:"r",encoding:null});stream.on("error", function() {response.writeHead(500,{"content-type":"text/html"});response.end("<h1>500 Server Error</h1>");});//返回文件内容stream.pipe(response);}else{//文件名不存在的情况if(hasExt){//如果这个文件不是程序自动添加的，直接返回404response.writeHead(404, {"content-type":"text/html"});response.end("<h1>404 Not Found</h1>");}else{//如果文件是程序自动添加的且不存在，则表示用户希望访问的是该目录下的文件列表varhtml ="<head><meta charset='utf-8'></head>";try{//用户访问目录varfiledir = filePath.substring(0,filePath.lastIndexOf('\'));//获取用户访问路径下的文件列表varfiles = fs.readdirSync(filedir);//将访问路径下的所以文件一一列举出来，并添加超链接，以便用户进一步访问for(variinfiles){varfilename = files[i];html +="<div><a href='"+filename+"'>"+filename+"</a></div>";}}catch(e){html +="<h1>您访问的目录不存在</h1>"}response.writeHead(200, {"content-type":"text/html"});response.end(html);}}});}

请求处理函数中有几个重点需要说一下：

对于路径中有中文的，浏览器会自动进行编码（英文不变，中文会变），因此在接收到地址后，需要对地址进行解码，否则最后得到的路径和真实路径不相符,

当访问路径不是以具体的文件结尾，并且不是以/结尾，则需要通过重定向加上/,表示当前目录，否则当前路径下的静态资源会找不到

如果访问路径是目录，则列出该目录下所有文件及文件夹，并可以点击访问，为了让中文目录能正常显示，则还要在header中设置charset=utf-8

核心代码就这么多，大概140行左右，完整的代码已上传到github:https://github.com/git-onepixel/Node,

如果要运行demo,打开cmd切换到根目录，运行node start 即可。

Ⅳ 求助nodejs+express怎么实现动态页面静态化

模板 + 数据 —> 静态html文件
不知道你用的什么模板引擎，像ejs,jade,nunjucks,swig等等所有的模板引擎其实最后专吐出的东西都是编译完属成的，而你需要的其实是把这些保存成文件而已

以nunjucks为例：

var tpl = 'index.tpl';
var data = getData(); // some where
var content = nunjucks.render(tpl, data);
fs.writeFileSync('index.html', content);
上面生成的index.html就是你要的静态文件了

Ⅳ 如何使用nodejs搭建开发环境

1.安装NodeJS

1.编译环境
源代码编译器，通常 Unix/linux平台都自带了C++的编译器（GCC/G++）。如果没有，请通过当前发行版的软件包安装工具安装make，g++这些编译工具。
Debian/Ubuntu下的工具是apt-get
RedHat/centOS下通过yum命令
Mac OS X下你可能需要安装xcode来获得编译器

2.网络加密
其次，如果你计划在Node.js中启用网络加密，OpenSSL的加密库也是必须的。该加密库是libssl-dev，可以通过apt-get install libssl-dev等命令安装。

3.手动编译
wget http://nodejs.org/dist/v0.10.26/node-v0.10.26.tar.gz
tar zxvf node-v0.6.1.tar.gz
cd node-v0.10.26
./configure
上面几行命令是通过wget命令下载最新版本的代码，并解压之。./configure命令将会检查环境是否符合Nodejs的编译需要。
make
make install

2.安装NPM

1.NPM的全称是Node Package Manager, 是NodeJs的第三方安装库。
curl http://npmjs.org/install.sh | sh
curl http://npmjs.org/install.sh是通过curl命令获取这个安装shell脚本，按后通过管道符| 将获取的脚本交由sh命令来执行。

2.更改第三方库
npm install underscore
[email protected] ./node_moles/underscore
由于一些特殊的网络环境，直接通过npm install命令安装第三方库的时候，经常会出现卡死的状态。幸运的是国内CNode社区的@fire9 同学利用空余时间搭建了一个镜像的NPM资源库，服务器架设在日本，可以绕过某些不必要的网络问题。你可以通过以下这条命令来安装第三方库：
npm --registry "http://npm.hacknodejs.com/

如果你想将它设为默认的资源库，运行下面这条命令即可：
npm config set registry "http://npm.hacknodejs.com/ "

通过npm安装包。安装好之後会自动被安装到 /usr/local/bin 目录下，而相依的函式库也会自动安装到 /usr/local/lib/node 目录下，实在是非常方便。

3.安装NodeJS调试环境

1.用npm命令安装全局模式的 node-inspector组件
sudo npm install -g node-inspector

2.更改端口
修改 node-inspector/lib/config.js的端口
’web-port’: {
desc: ‘Port to host the inspector’,
convert: conversions.stringToInt,
defaultValue: 6868
},

3.使用
node-inspector启动一个调试工具
在chrome浏览器中输入http://127.0.0.1:6868/debug?port=5858打开chrome的调试模式

使用node debug调试nodeJS项目
node --debug-brk=5858 read.js

可以在chrome中查看到调试信息

4.使用Sublime构建NodeJS

设置Sublime的Builder->>
Tools ->> Build System ->> New Build System
将如下代码写入
{
“cmd”: ["/usr/local/bin/node", “$file”],
“file_regex”: “^[ ]File "(…?)”, line ([0-9]*)",
“selector”: “source.javascript”
}
保存为NodeJs.sublime-build文件
如此可以直接使用Com+B来使用nodejs运行程序

Ⅵ 如何在服务器上搭建nodejs

先确认下系统环境合不合要求

Python -V（确认python版本大于2.6）

访问http://nodejs.org/download/下载需要的Node.js版本（wget
http://nodejs.org/dist/v0.10.26/node-v0.10.29.tar.gz ）

解压 tar zxvf node-v0.10.26-linux-x64.tar.gz

进入目录 cd node-v0.10.26-linux-x64

./configure --prefix=/home/work/setups/node-v0.10.26

make

sudo make install

添加到系统环境 echo "export PATH=$PATH:/home/work/setups/node-v0.10.26/bin">>
~/.bash_profile

. ~/.bash_profile执行该文件更新$PATH变量
###安装Express
sudo npm install express
-gd g参数:把express安装到NodeJS的lib目录d参数:同时安装依赖模块包

sudo npm install forever -gd

(异常情况：

如果遇到npm 找不到的情况 确认sudo node -v是否找不到 找不到的话：需要added /usr/local/bin to secure_path in /etc/sudoers :

sudo visudo

把 Defaults secure_path =
/sbin:/bin:/usr/sbin:/usr/bin 这行 改为 Defaults secure_path = /sbin:/bin:/usr/sbin:/usr/bin:/usr/local/bin然后:x保存退出

如果遇到

npm ERR! Error: Hostname/IP doesn't match certificate's altnames

执行 npm config set strict-ssl false

如果遇到 npm ERR! registry error parsing json

npm cache clean

执行 npm config set registry http://registry.npmjs.eu/

)
###部署forever
$ npm install -g forever

启动

NODE_ENV=pro LANG='zh' /usr/local/bin/foreverstart-o
/home/work/log/node_out.log-e /home/work/log/node_err.log /home/work/webroot/index.js

NODE_ENV=pro 环境变量 pro为生产环境（程序中可以指定）

LANG 环境变量 指定默认语言

node_out.log 输出日志 注意路径别抄成我的了

node_err.log 错误日志

index.js 启动文件

Ⅶ nodejs通过函数名进行静态方法调用出现类型错误，为什么

在JS里，一切都是对象，所谓的class并不是传统语言上的定义或者声明，而是直内接创建出来了（容已分配内存）。
Myfunc是个构造函数（constructor），所有在构造函数中创建的变量和方法都是prototype的。
因此
function Myfunc(){
this.myMethod=function(){
}
}
和
function Myfunc(){
}
Myfunc.prototype.myMethod=function(){
}
是等效的。
所以调用前必须new一下。
而下面这段是可以的，因为直接给Myfunc对象加了一个方法myMethod。恩只是写法和用法像静态而已。
function Myfunc(){
}
Myfunc.myMethod=function(){
}