用KOA2部署静态资源到阿里云

前言

帮朋友弄公司官网，倒腾了几个静态页面买了服务器和域名，就差部署了。其实方法很多，毕竟只是几个静态页面，但转念一想我是一个前端啊，当然要用前端的方法了，故采用KOA2，头一次自己弄了一个网站还是有点成就感，毕竟以前都只是负责写页面后面的事就不归我管了，此次就记录一下部署的过程。

部署过程

1.创建KOA项目

本文采用 koa-generator 脚手架来创建koa2项目

使用 npm 安装脚手架，这个前端应该都会用

输入命令   

$ npm install -g koa-generator    全局安装 koa-generator

$ koa2 newKoa   进到你要创建koa2项目的目录下，输入该命令创建一个名叫 newKoa 的项目

成功后生成如下目录

cd  newKoa    进入到该目录下

npm install    安装相关依赖

安装完成后输入    npm  start

出现上图命令则启动成功，在浏览器中输入  http://localhost:3000/  即可访问。

bin下的www文件可用于修改端口号，将静态文件都放入public文件夹即可。

2.配置服务器

其实只需要配一个 node 环境就好了，关于这个阿里云官方有详细介绍，跟着官方教程走一遍就好。我这里用的软件是putty，百度下一个就行，关于 putty 的用法 阿里云也有相关介绍。（由于koa2用了aynsc/await语法 推荐安装高版本的node）

3.将本地文件上传到服务器

利用FTP工具将本地项目(除 node_modules  文件夹)上传至服务器端，类似软件很多，我用的是 filezilla ，上传成功后利用putty切换到项目所在路径。

npm install 安装相关依赖文件

npm run start 测试你的koa2项目能不能跑起来

4.安装PM2

服务能跑起来就代表已经部署成功了，但是还有最后一个小问题，如果关闭进程我们的项目就无法访问了，所以需要安装PM2来守护进程，在服务器端输入以下命令。

npm install pm2 -g    全局安装PM2

切换到项目所在路径

pm2 start ./bin/www --watch

等待成功信息就能永久访问到我们的项目了。

我的 项目地址（点击查看）