当前位置:   article > 正文

node.js后台快速搭建在阿里云(一)(express篇)_用阿里云服务器还需要express吗

用阿里云服务器还需要express吗

前期准备

  • 阿里云服务器
  • node.js
  • pm2
  • express
  • nginx
  • linux(推荐教程:鸟哥的私房菜)

简介

嗯……我只是个前端而已


前段时间写过一个.net mvc的远程发布,关于.net mvc 的增删改查的小demo也做过一个小例子,然后又萌生了想要拿node.js当后台,来布置网站的想法。 关于node.js的学习,建议参考 Node.js 包教不包会 ,虽然作者说起来是不包会,但基本上通过了这个教程的学习,都会收益巨大。
先说说前期准备,一个云服务器是必须的 ,还有一个域名。关于云服务的选择,当前阿里,百度, 甚至是腾讯都在搞云服务,个人还是推荐选择阿里云服务器比较好。
既然提到阿里云,索性多说一点(有兴趣的使用阿里云的同学可以多交流交流 ),在与阿里云的连接过程,我一般使用的工具:

  • xshell
  • xftp


一般高手直接用个命令就好了,但目前本渣,还是毕竟喜欢两个相结合的用,毕竟有时候文件和文件夹的增删改查还是觉得拖拽更快,高手请无视。。 在阿里云中,选择的是centos7,当然这个凭自己的喜好,像Ubuntu我也用过一会,感觉它的桌面端确实不错,服务端可能还是centos更强一点。

步骤

注:这里就默认大家已经会自己连接到自己的服务器了

express快速启动

这里先说说express,它是基于 Node.js 平台,快速、开放、极简的 web 开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
相对于,类似于各种框架的cli,express也有个能够快速部署的项目,可以使用 Express 应用生成器

通过如下命令安装:
  npm install express-generator -g
        

如下, 一个快速构建的示例

  1. express myapp
  2.   // 以下是提示:
  3. create : myapp
  4. create : myapp/package.json
  5. create : myapp/app.js
  6. create : myapp/public
  7. create : myapp/public/javascripts
  8. create : myapp/public/images
  9. create : myapp/routes
  10. create : myapp/routes/index.js
  11. create : myapp/routes/users.js
  12. create : myapp/public/stylesheets
  13. create : myapp/public/stylesheets/style.css
  14. create : myapp/views
  15. create : myapp/views/index.jade
  16. create : myapp/views/layout.jade
  17. create : myapp/views/error.jade
  18. create : myapp/bin
  19. create : myapp/bin/www

然后安装所有依赖包:

  1.    cd myapp
  2.   npm install

启动这个应用:

  npm start
        

然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。通过 Express 应用生成器创建的应用一般都有如下目录结构:

  1. .
  2. ├── app.js
  3. ├── bin
  4. │ └── www
  5. ├── package.json
  6. ├── public
  7. │ ├── images
  8. │ ├── javascripts
  9. │ └── stylesheets
  10. │ └── style.css
  11. ├── routes
  12. │ ├── index.js
  13. │ └── users.js
  14. └── views
  15. ├── error.pug
  16. ├── index.pug
  17. └── layout.pug
  18. 7 directories, 9 files
express路由

express的重要的一部分莫过于路由了,下面是一个简单的路由例子,很好理解:

  1.   
  2. var express = require('express');
  3. var app = express();
  4. // respond with "hello world" when a GET request is made to the homepage
  5. // 匹配根路径的请求
  6. app.get('/', function (req, res) {
  7. res.send('root');
  8. });
  9. // 匹配 /about 路径的请求
  10. app.get('/about', function (req, res) {
  11. res.send('about');
  12. });
  13. // 匹配 /random.text 路径的请求
  14. app.get('/random.text', function (req, res) {
  15. res.send('random.text');
  16. });
res.send()中一般都是响应的数据,里面也可以写相对应的html标签,至于更详细的可以去查看express的api
更加好的处理是使用res.render()的方法,这个可以把html分离出来,根据模板引擎的不同,可以选择
  • pug
  • handlebars
  • 或者你也可以使用 express-handlebars

在express快速生成的项目中,默认的是pug引擎,可以将它修改成自己喜欢的模板引擎

可能很大一部分人并不喜欢用模板引擎去处理,毕竟html原生并不复杂,这样可以使用ejs转换

最后

最后有个用express快速生成,并把默认的pug模板改成了html,有兴趣的可以参考下

express小demo

注意:因为涉及到框架比较多,所以先拆开来讲,未完待续……………………………………………………

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号