前期准备
简介
嗯……我只是个前端而已
前段时间写过一个.net mvc的远程发布,关于.net mvc 的增删改查的小demo也做过一个小例子,然后又萌生了想要拿node.js当后台,来布置网站的想法。 关于node.js的学习,建议参考 Node.js 包教不包会 ,虽然作者说起来是不包会,但基本上通过了这个教程的学习,都会收益巨大。
先说说前期准备,一个云服务器是必须的 ,还有一个域名。关于云服务的选择,当前阿里,百度, 甚至是腾讯都在搞云服务,个人还是推荐选择阿里云服务器比较好。
既然提到阿里云,索性多说一点(有兴趣的使用阿里云的同学可以多交流交流 ),在与阿里云的连接过程,我一般使用的工具:
一般高手直接用个命令就好了,但目前本渣,还是毕竟喜欢两个相结合的用,毕竟有时候文件和文件夹的增删改查还是觉得拖拽更快,高手请无视。。 在阿里云中,选择的是centos7,当然这个凭自己的喜好,像Ubuntu我也用过一会,感觉它的桌面端确实不错,服务端可能还是centos更强一点。
步骤
注:这里就默认大家已经会自己连接到自己的服务器了
express快速启动
这里先说说express,它是基于 Node.js 平台,快速、开放、极简的 web 开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
相对于,类似于各种框架的cli,express也有个能够快速部署的项目,可以使用 Express 应用生成器
通过如下命令安装:
npm install express-generator -g
如下, 一个快速构建的示例
express myapp
// 以下是提示:
create : myapp
create : myapp/package.json
create : myapp/app.js
create : myapp/public
create : myapp/public/javascripts
create : myapp/public/images
create : myapp/routes
create : myapp/routes/index.js
create : myapp/routes/users.js
create : myapp/public/stylesheets
create : myapp/public/stylesheets/style.css
create : myapp/views
create : myapp/views/index.jade
create : myapp/views/layout.jade
create : myapp/views/error.jade
create : myapp/bin
create : myapp/bin/www
然后安装所有依赖包:
cd myapp
npm install
启动这个应用:
npm start
然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。通过 Express 应用生成器创建的应用一般都有如下目录结构:
.
├── app.js
├── bin
│ └── www
├── package.json
├── public
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes
│ ├── index.js
│ └── users.js
└── views
├── error.pug
├── index.pug
└── layout.pug 7 directories, 9 files
express路由
express的重要的一部分莫过于路由了,下面是一个简单的路由例子,很好理解:
var express = require('express');
var app = express(); // respond with "hello world" when a GET request is made to the homepage
// 匹配根路径的请求
app.get('/', function (req, res) {
res.send('root');
}); // 匹配 /about 路径的请求
app.get('/about', function (req, res) {
res.send('about');
}); // 匹配 /random.text 路径的请求
app.get('/random.text', function (req, res) {
res.send('random.text');
});
res.send()中一般都是响应的数据,里面也可以写相对应的html标签,至于更详细的可以去查看express的api
更加好的处理是使用res.render()的方法,这个可以把html分离出来,根据模板引擎的不同,可以选择
- pug
- handlebars
- 或者你也可以使用 express-handlebars
在express快速生成的项目中,默认的是pug引擎,可以将它修改成自己喜欢的模板引擎
可能很大一部分人并不喜欢用模板引擎去处理,毕竟html原生并不复杂,这样可以使用ejs转换
最后
最后有个用express快速生成,并把默认的pug模板改成了html,有兴趣的可以参考下
注意:因为涉及到框架比较多,所以先拆开来讲,未完待续……………………………………………………