部署 Express 应用

Express 专用服务器提供商: https://www.21yunbox.com/

webapp架构

• 使用express快速部署web服务
• 使用supervisor管理进程
• 使用ejs渲染网页
• 使用docker安装数据库 然后将数据持久化到本地
• 新建router使路由归类
• 使用axios处理网络请求
• 使用vue在网页端渲染网页

1. 使用express快速部署web服务

 

express --view=ejs//使用ejs作为渲染模板
npm install //安装依赖
DEBUG=web-app:* npm start//使用debug模式调试

2. 使用supervisor 监控并重启服务

 

npm install -S supervisor

在 package.json中添加脚本

 

"autoStart":"./node_modules/.bin/node-supervisor ./bin/www"

然后运行 npm run autoStart 使程序后台运行，并监控运行状态，一旦发生异常自动重启。

3. 归类路由

• 页面路由
• 数据路由(接口)

新建两个文件，route.page.js 和 route.api.js 分别用来处理页面和数据

• route.page 页面路由

  • '/' 主页
  • '/posts' 文章列表
  • '/posts/page' 文章详情
  • '/posts/create/' 写文章

• route.api 接口

  • get
    • '/posts/ 获取列表数据
    • '/post/ 获取文章数据
  • post
    • '/post/ 发送文章数据

使用页面路由初次渲染网页，这里使用 res.render()函数渲染
第一个参数是页面，第二个参数是数据。是一个对象。
在页面中要使用ejs规则进行数据绑定。如果是一个对象可以直接传入，也可以扩在{obj}内，在页面中使用obj.

4. 使用docker创建mongodb数据库

 

- 下载kitematic 打开搜索mongo 创建一个mongo数据库 会自动启动 链接就好了
- 修改volume 文件夹要可读写的 使文件持久化到主机
- 引入mongoose 
- 创建连接文件，在app启动时引入
- 创建数据表结构和模型 在需要的地方引入
- 将数据保存到数据库
- 数据从数据库读取

5. 使用axios处理网络请求

引入axios 可以从bootcdn找到加速资源

6. 使用vue在网页端渲染网页

使用vue时，一定要注意vue的绑定语法，有时候页面渲染不出来，就是绑定的语法本身就有问题。要检查下。