使用js服务端语言nodejs和express建个人站点

QQ叫紫珊

使用js服务端语言nodejs和express建个人站点

作者：田想兵 个人网址:http://www.lovewebgames.com

　　今天主题很沉重，因为听说京城又在开会，房价上涨，物价也在涨，还有西湖边上的小松鼠被游客踩死了。所以说点不开心的事让大伙开心一下，记得一个月前，公司破产，为了生计，我不得不再次投入到找工作的大军中，在杭州，可能做IT行业的技工，都想进阿里淘宝这家杭州标志性的企业，我也不例外，于是投了一份资深前端职位的简历。结果不幸被淘汰了，虽然后来有外包进去淘宝的机会，也在入职的前一天决然离去，进了一家创业型的小公司。每次面试总能找到自己的不足，结合这几次，我发现我对业界新技术的追赶脚步太慢了。因为面试官问我nodejs的时候，我竟然不知为何物，我以为是loadjs，哈，无知啊。于是呼，这几日闲来学习这个对我来说很新的技术。有什么疑问可以加Q群5678537
　　Node.js是一个可以快速构建网络服务及应用的平台。该平台的构建是基于Chrome's JavaScript runtime，也就是说，实际上它是对GoogleV8引擎进行了封装。
　　这是百科上的解释，基本很正确，于是，你要问了,它跟客户端的JS有什么区别呢？答案是几乎没啥区别，所以只要你会写JS，nodejs上手就很容易了，这不是一遍对nodejs解释的文章，所以我们直接进入正题，首先，我们安装虚拟机ubuntu，这个是linux的图形系统,为什么要装它呢，因为面试的人问了，你会用linux吗?所以为了会这玩意儿，我们还是装吧！然后我们从nodejs官网上下载安装nodejs，或者在终端安装:



　a.安装依赖包：50-100kb/s大概每个包一分钟就能下载安装完成
　　sudo apt-get install g++ curl libssl-dev apache2-utils
　　sudo apt-get install git-core
　b.在终端一步步运行一下命令：
　　git clone git://github.com/joyent/node.git   
　　cd node
　　./configure
　　make   
　　sudo make install

　　接着我们安装express:



npm install express

　　为啥要装它呢，其实你不装也是可以的，只是没那么方便罢，express也是个工具包，它集成了一个路由模板之类的方法。说到模板，我在这里选用的是ejs，好像express自带了jade，但我觉得ejs和asp.net很像，所以还是选ejs吧，大多数html是不变的。



npm install ejs

　　然后我们直接来配置package.json文件，指定模板为ejs



{
"name": "application-name",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node app"
},
"dependencies": {
"express": "3.1.0",
"ejs": "*"
}
}

　　然后我们给app.js里配置我们需要路由的文件，关于app.js里的说明要较为复杂，所以我建议不用理会其他，对着下面的做就行了。



/**
* Module dependencies.
*/
var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path');
var ejs = require('ejs');
//var partials =require('express-partials');
var app = express();
app.configure(function(){
app.set('port', process.env.VMC_APP_PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
//app.use(partials())
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));
});
app.configure('development', function(){
app.use(express.errorHandler());
});
app.get('/', routes.index);
app.get("/demo.html", function(req, res){
res.render('demo', { title: 'Demo实例 javascript JY官方网站 Nodejs版' });
});
app.get("/games.html", function(req, res){
res.render('games', { title: 'JY游戏 javascript JY官方网站 Nodejs版' });
});
app.get("/job.htm", function(req, res){
res.render('job', { title: '田想兵个人简历' });
});
//app.get('/users', user.list);
http.createServer(app).listen(app.get('port'), function(){
console.log("Express server listening on port " + app.get('port'));
});

　　做完这些，我们还需要在view文件夹里建一些模板文件，对应这里的get里的router，然后我们本地测试



node app.js

　　目前来说，一切都很顺利，如果你不顺利的话就百度吧，当然我会在文章的结尾推荐一些相关的文章的,做了nodejs该如何发布到网上呢？没服务器？买啊。没钱？用免费的啊。百度出来用cloudfoundry可以免费测试nodejs.
　　先去cloudfoundry的官网　上申请一个账号，然后激活它。安装vmc



sudo apt-get install ruby-full rubygems                   ///这是安装ruby的方法
sudo gem install vmc

　　用vmc命令登录cloudfoundry并创建一个app



vcm login             //会有提示输入邮箱和密码的
vcm push            //会提示你新建一个app的，按照提示走下去就行了
　　这样用vcm info就可以看到你建的app的状态了,如下图:

　　这里遇到一个问题就是新建的app会是stopped的状态，这时你可以用命令把它开启才能用.
　　最后我们还是用vmc push把刚才做的内容发布到网上去.如下图:

　　好，一切成功后，我们就可以输入网址 http://jsjy.cloudfoundry.com 访问了.如下图:

　　到此，就一切都完成了，冒似也就这样吧，so easy，妈妈再也不用担心你的工作了。
　　最后推荐大家看这几篇相关的文章吧:
　　首先是大师的nodejs入门http://www.nodebeginner.org/index-zh-cn.html ,是难得的中文教材。看完后，就算入门了。
　　被误解的 Node.js ,ibm出品，必属精品。中文不解释.
　　如果您还有什么疑问的话，可以加Q群5678537.