Node.js 教程
Node.js 创建第一个应用
如果我们使用PHP来编写后端的代码时，需要Apache 或者 Nginx 的HTTP 服务器，并配上 mod_php5 模块和php-cgi。
从这个角度看，整个"接收 HTTP 请求并提供 Web 页面"的需求根本不需 要 PHP 来处理。
不过对 Node.js 来说，概念完全不一样了。使用 Node.js 时，我们不仅仅 在实现一个应用，同时还实现了整个 HTTP 服务器。事实上，我们的 Web 应用以及对应的 Web 服务器基本上是一样的。
在我们创建 Node.js 第一个 "Hello, World!" 应用前，让我们先了解下 Node.js 应用是由哪几部分组成的：
引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块。
创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。
接收请求与响应请求 服务器很容易创建，客户端可以使用浏览器或终端发送 HTTP 请求，服务器接收请求后返回响应数据。
创建 Node.js 应用
步骤一、引入 required 模块
我们使用 require 指令来载入 http 模块，并将实例化的 HTTP 赋值给变量 http，实例如下:
var http = require("http");
步骤二、创建服务器
接下来我们使用 http.createServer() 方法创建服务器，并使用 listen 方法绑定 8888 端口。
函数通过 request, response 参数来接收和响应数据。
实例如下，在你项目的根目录下创建一个叫 server.js 的文件，并写入以下代码：
var http = require('http');
http.createServer(function (request, response) {
// 发送 HTTP 头部
// HTTP 状态值: 200 : OK
// 内容类型: text/plain
response.writeHead(200, {'Content-Type': 'text/plain'});
// 发送响应数据 "Hello World"
response.end('Hello World\n');
}).listen(8888);
// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');
以上代码我们完成了一个可以工作的 HTTP 服务器。
使用 node 命令执行以上的代码：
node server.js
Server running at http://127.0.0.1:8888/
接下来，打开浏览器访问 http://127.0.0.1:8888/，你会看到一个写着
"Hello World"的网页。
分析Node.js 的 HTTP 服务器：
第一行请求（require）Node.js 自带的 http 模块，并且把它赋值给 http
接下来我们调用 http 模块提供的函数： createServer 。这个函数会返回
一个对象，这个对象有一个叫做 listen 的方法，这个方法有一个数值参数，
指定这个 HTTP 服务器监听的端口号。
Gif 实例演示
接下来我们通过 Gif 图为大家演示实例操作：
反馈内容（*必填）
截图标记颜色
联系方式(邮箱)
联系邮箱：
投稿页面：
记住登录状态
重复输入密码用nodeJS搭建本地文件服务器的几种方法小结
用nodeJS搭建本地文件服务器的几种方法小结
搭建nodejs服务器步骤:
1.安装nodejs服务，node相当于apache服务器
2.在自己定义的目录下新建服务器文件如 server.js
例如，我在E:\Project\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/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，例如如果输入localhost:8888/index.html
//那么这里的url == /index.html
var file = documentRoot +
console.log(url);
//E:/PhpProject/html5/websocket/www/index.html
fs.readFile( file , function(err,data){
一参为文件路径
二参为回调函数
回调函数的一参为读取错误返回的信息，返回空就没有错误
二参为读取成功返回的文本内容
res.writeHeader(404,{
'content-type' : 'text/charset="utf-8"'
res.write('&h1&404错误&/h1&&p&你要找的页面不存在&/p&');
res.end();
res.writeHeader(200,{
'content-type' : 'text/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服务器就这样被我们搭建好啦！
anywhere 建议安装全局的
node 建议用32位的，64位目前兼容性没有32位好
&如果我们直接打开html文件他是以file:///方式打开的，但这种方式有时会遇到跨域的问题：“cross-origin”,所以我们需要搭建一个简易的本地服务器，Nodejs就可以满足我们这个需求：
比如我的本地服务器js文件就是这样的（我把这个server.js放在了Nodejs安装目录下）：
var connect = require("connect");
var serveStatic = require("serve-static");
= connect();
app.use(serveStatic("C:\\xxx\\xxx\\xxx\\项目文件夹"));
app.listen(5000);
运行的话只要执行：node server.js 就可以了
正常运行后我们就可以在浏览器输入localhost:5000来访问项目文件夹内的文件了。（如果是index.html文件可以省略不写，默认加载的就是这个文件）
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
用nodeJS搭建本地文件服务器的几种方法小结 相关内容:
需要在页面中一个小的区域循环滚动展示新闻（公告、活动、图片等等），并且，鼠标悬停时停止滚动并提示，离开后，继续滚动。
&div id=&news&&
&li&&a href=&#& rel=&external nofollow& rel=&external nofollow& rel=&exter...bootstrap提供了一个写好的css文件和js文件然而在使用时遇到了一下并不是很好的问题，今天在使用弹出对话框时遇到了一个这样的问题
&a class=&btn& data-toggle=&modal& href=&#myModal& data-keyboard=&false& data-backdrop=&true& &点击&无ESC关闭，无遮蔽...在app中经常会有滚动的跑马灯效果的运用，如图所示为跑马灯效果：
代码如下：
&div class=&shouRight&&
&ul class=&slideTopbox& slide-scroll style=&top:0&&
&li&&a href=&#& rel=&external nofollow& rel=&ext...官方提供的treegrid的ex 我给大家贴出来看看吧：
代码如下: $(function(){ $('#tt').treegrid({ url:'treegrid_data3.json', onAfterEdit:function(row,changes){ alert(row.name); } }); })
这个是页面初始化的。 看看他的JSON:
代码如下: {&total&:117,&rows&:[ &SP...本文推荐一款twitter做的bootstrapValidator.js，本身bootstrap就是twitter做的，那么使用原配的validator也就更值得信赖。从百度上搜bootstrapValidator会出现很多款，但我只推荐这款：
一、一睹为快
为了简便的介绍，这里只做为空的check。
BootstrapValidator官方下载地址...如图所示，利用JS实现简易的刻度时钟；
原理如下：利用60等份的li进行布局，li两两之间的间隔为6deg，把基点定在圆心上，使得li圆形分布。然后另外设置三条针线的样式的位置，基点同样定在圆心上，然后秒针每秒动6deg，分针每秒动1/60deg，时针每秒动1/3600deg。
布局代码如下：
&!D...不说废话上代码：
&!DOCTYPE html&
&html lang=&en&&
&meta charset=&UTF-8&&
&title&vue js&/title&
.completed {
text-decoration: line-
...本文实例为大家分享了js刮卡效果的具体代码，供大家参考，具体内容如下
具体代码：
&!DOCTYPE html&
&meta charset=&utf-8&&
&meta name=&viewport& content=&initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot...查看更多>>推荐这篇日记的豆列
······7298人阅读
nodejs/nginx/tomcat
（前端工程师利器）
做前端的都知道，公司的项目在自己的电脑上搭建环境是挺麻烦的一件事情
首先：一般个人电脑没公司的配置性能好，
其次：搭建公司项目在自己电脑涉及很多缓存环境，资源环境包，数据库等的限制，加起来够搞一天了（熟悉公司搭建的环境除外）
就我自身公司而言情况是这样，我作为前端工程师，
前端目前是基于polymer——实现最近遇到的问题就是不知道自己写的页面有没有什么问题，但是要成功启动项目的tomcat才能看，因为这些页面无法直接打开，会包资源解析错误，
于是我在想，如何才能把前端页面不依赖tomcat这些蛋疼的部署服务器呢？
于是百度看到了nodejs和nginx，带着对前端服务器的好奇开始了自己的实践，一个晚上也请教了一些同学，然后得到了一些启发
1、到nodejs官网下载安装包安装完成后自动映射了环境到系统中，不需要自己配置环境变量，然后打开控制台
输入命令：node
没有报错表示运行成功
2、接着在与测试目录同级目录下面新建下面两个js文件
http.js（服务器脚本配置文件）
var PORT = 3000;
var http = require('http');
var url=require('url');
var fs=require('fs');
var mine=require('./mine').
var path=require('path');
var server = http.createServer(function (request, response) {
var pathname = url.parse(request.url).
var realPath = path.join("webapp", pathname);
var ext = path.extname(realPath);
ext = ext ? ext.slice(1) : 'unknown';
fs.exists(realPath, function (exists) {
if (!exists) {
response.writeHead(404, {
'Content-Type': 'text/plain'
response.write("This request URL " + pathname + " was not found on this server.");
response.end();
fs.readFile(realPath, "binary", function (err, file) {
if (err) {
response.writeHead(500, {
'Content-Type': 'text/plain'
response.end(err);
var contentType = mine[ext] || "text/plain";
response.writeHead(200, {
'Content-Type': contentType
response.write(file, "binary");
response.end();
server.listen(PORT);
console.log("Server runing at port: " + PORT + ".");
mine.js(引入对应的文件)
exports.types = {
"css": "text/css",
"gif": "image/gif",
"html": "text/html",
"ico": "image/x-icon",
"jpeg": "image/jpeg",
"jpg": "image/jpeg",
"js": "text/javascript",
"json": "application/json",
"pdf": "application/pdf",
"png": "image/png",
"svg": "image/svg+xml",
"swf": "application/x-shockwave-flash",
"tiff": "image/tiff",
"txt": "text/plain",
"wav": "audio/x-wav",
"wma": "audio/x-ms-wma",
"wmv": "video/x-ms-wmv",
"xml": "text/xml"
上面两个js新建成功后，打开http.js，接着在里面找到路径设置，把我当前webapp改成你自己的名字项目名称
Friendship tips：（前提是跟js在同级个目录。如果测试项目在其他文件，那么路径可能要设置绝对路径了_这个我没尝试）
下面是我的目录对应的文件，三个箭头是必备的其他无需设置
3、控制台启动服务器测试是否成功
打开项目所在目录输入node http.js
接着提示端口启动成功，
接着直接输入自己需要测试的文件地址就行了。比如我的
到此全部部署完成！
这里注意：一定要在端口号后面加上自己文件路径才能运行成功。不然会报错因为http.js里面写的比较简单，暂时未直接映射
如果出错了那么请重写启动服务
即：node.js
当然你有兴趣的话可以重写node.js完善它
最后表示：这两个js都是我在博客和百度上看到一些大牛写的，不过他们的写的教程不够清晰（本人水平不足不能跟上他们的思路），
所以再次感谢这些博客大牛，
接着尝试：
在nginx上运行测试文件，
搭建nodejs+mangodb测试项目 迁移angularjs的树到polymer
angular的树是前任前端大牛写的，一直不太看懂，我也没去百度看其他大牛写的ng树（也许有更厉害的很多）
趁着双休时间一边调试一遍看构建过程，虽然很艰难，不过想想自己实现polymer的tree，目前百度或者博客论坛我没找到，写完必须开源出来！
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：29068次
排名：千里之外
原创：16篇
(1)(1)(3)(2)(3)(1)(4)(1)}