`
云上太阳
  • 浏览: 128373 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

NodeJS入门Demo

阅读更多

       自打接触程序开始,就知道程序开发分前端和后台;然后分了两拨人它们(都是猿类)互相合作,互相鄙视,互相撕逼……很多个日夜后完成一个不那么划时代的产品,其中大部分是项目,产品都算不上。在这条路上我一走就是三年,中间一直在考虑:为啥做个web项目非得分前后台,还得两拨人。能不能不区分前后台,直接开发?

        然后就发现了JSF+primefaces,这个确实屌,事件驱动,前端不用写一坨一坨的ajax,各种数据绑定,完全不用你操心,界面primeface框架当时真的美呆了,现在又有新版本,好想舔屏。以前bug好多,不知道现在咋样。虽然可以抛弃前端的妹子自己搞,开发效率的确提升了,但是还是没有分离前后台。

 

 

          终于在一个偶然的机会,了解到了NodeJS,那句“ Node.js 就是运行在服务端的 JavaScript” 让我瞬间触电,赶紧去官网下载了Node.js,开始了第一个demo,在浏览器出现“Hello,Nodejs” 的那一刻真的很兴奋,很久没有这种666的感觉了,看看成果吧



 

下面我们从Nodejs环境开始到第一个demo。

1、官网下载好NodeJs,直接安装(http://nodejs.org/)

安装步骤:

步骤 1 : 双击下载后的安装包 ,如下所示:

install-node-msi-version-on-windows-step1

步骤 2 : 点击以上的Run(运行),将出现如下界面:

install-node-msi-version-on-windows-step2

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

install-node-msi-version-on-windows-step3

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录,并点击 next(下一步):

install-node-msi-version-on-windows-step4

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)

install-node-msi-version-on-windows-step5

步骤 6 :点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):

install-node-msi-version-on-windows-step6

安装过程:

install-node-msi-version-on-windows-step7

点击 Finish(完成)按钮退出安装向导。

install-node-msi-version-on-windows-step8

 

2、安装完成后可以在dos命令窗检查测试

    点击开始=》运行=》输入"cmd" => 输入命令"node -v" ,注意node 和-v中间有空格,显示下面的版本号nodejs安装成功。

 

3、安装npm(包管理器),目前版本的nodejs已经集成了npm,可以测试下,输出版本号表示成功。


 

到目前为止NodeJS环境已安装好了,是不是很简单,下面是第一个Demo。

1、新建一个文件夹NodeJSDemo,在根目录新建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,NodeJS');
}).listen(8888);

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

 2、从dos命令进入到NodeJSDemo目录,然后输入命令 node server.js 回车,显示如下表示项目启动成功

 

3、最后在浏览器输入127.0.0.1:8888即可访问该项目,显示文章开始的Hello,NodeJS。

 

 

 

  • 大小: 6.8 KB
  • 大小: 1.6 KB
  • 大小: 1.6 KB
  • 大小: 1.2 KB
2
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics