从零开始学习如何部署代码

前段时间看到了张云龙的文章 一个程序员的成长之路 - 剖析别人，总结本身，里面有这么一段话

栈外技术，是指栈内技术的上下游，领域外的相关专业知识，包括但不限于服务端技术、运维、CDN、测试，甚至 UI 设计、产品设计等等，扩展你栈内技术的周围领域，充分理解你的工做在整个技术研发体系中处于怎样的环节。工做之余多投入一份精力，把其余栈外技术不断归入到你的知识体系中来，创建栈外能力。前端想要作的深刻，每每会涉及到缓存、模板渲染、用户体验等知识，没有至关的栈外技术积累，你很难为本身的团队争取到足够的话语权。

想一想本身在公司的时候，基本都是写业务，作前端相关的工做，但对于其余方面是涉猎比较少，或者基本没有的。又再想一想以前面试的时候，面试官也会问一些栈外问题，好比说大家公司的代码是如何发布部署的，这时候的我是一脸懵逼的。这就使得我想要懂得如何部署代码，如下是折腾的过程，记录一下。

云服务器

云服务器的购买，能够选择阿里云和腾讯云，我以前并无仔细地去比价二者的价格如何，想着就是用来玩玩如何部署的，也就没有多在乎这些，毕竟也不是长期购买，花不了几个钱，就选了腾讯云。至于选购什么配置的服务器，就看我的了。买完以后，还要作一些认证等，须要等待一两天的时间。对了，我还买了一个域名，可是后来发现备案的手续挺麻烦的，想着以后用 ip 地址也能够访问，就没有去管了。

ssh 登陆

有了服务器后，你须要登陆。那要怎么登陆呢，这里介绍一个简单的方法。

本地生成 ssh 公钥

首先，你须要确认本身是否已经拥有秘钥。默认状况下，用户的 SSH 秘钥存储在~/.ssh 目录下。进入该目录并列出其中内容，即可以快速确认本身是否已拥有秘钥:

# 本地
$ cd ~/.ssh
$ ls
config      id_rsa      id_rsa.pub  known_hosts
复制代码

咱们须要寻找一对以 id_dsa 或 id_rsa 命名的文件，其中一个带有 .pub 扩展名。.pub 文件是你的公钥，另 一个则是私钥。若是找不到这样的文件或者根本没有 .ssh 目录， 你能够经过运行 ssh-keygen 程序来建立它们。

# 本地
$ ssh-keygen
Generating public/private rsa key pair.
# 输入 enter 键
Enter file in which to save the key (/Users/laohan/.ssh/id_rsa):
Created directory '/Users/laohan/.ssh'.
# 两次输入密码
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /Users/laohan/.ssh/id_rsa.
Your public key has been saved in /Users/laohan/.ssh/id_rsa.pub.
The key fingerprint is:
SHA256:XhI9aeGsVJklGyUTvNu+6ABzOZdZL2+y5aMOVQa+ZvI laohan@bogon
The key's randomart image is:
+---[RSA 2048]----+
|         .O*+    |
|         =+X .   |
|        o O.o o  |
|       . =.= =   |
|      o S *o* .  |
|       = =.*.o   |
|        o ..E +  |
|         . o.*.  |
|         .o.=o.. |
+----[SHA256]-----+
复制代码

首先 ssh-keygen 会确认密钥的存储位置(默认是 .ssh/id_rsa)，而后它会让你重复一个密码两次，若是不想在使用公钥的时候输入密码，能够留空。

公钥看起来是这样的:

$ cat ~/.ssh/id_rsa.pub
ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDc4xbJxlMTgiE13I1RL6IsG44+3CQc8Ft03eZnYfNrPVeQIf9r9kTuArSiUnY+BHXn3mrQ5i+5AGi+alys94Pum2dZ68QtlY1QdEl4iN3LFXUkbJc+M0rllaDGH5JNtfk5imVqDo8Tn7aJsFd4IXbwrl3Euf+ccOb+s92RHwzbSRx37tP9pLF9ujfL0UXfg3+DmRJMJT7iN3OiJxfuF5k8KSySEz+YbhQoNeySuvVPeRHG/U6xOGcpzNjQIPApGsuFdLT5R/5x15W7SrC//XWuIQMmlVTW2X0YH+5NjT0nlLVWxS4drtRCS66JXtRceVqs5H5InbsLfALfTPyIkZ4t laohan@bogon
复制代码

具体能够参考这里 Generating a new SSH key and adding it to the ssh-agent

云服务器配置

$ cd
$ mkdir .ssh && chmod 700 .ssh
$ touch .ssh/authorized_keys && chmod 600 .ssh/authorized_keys
复制代码

接下来，把开发者的 SSH 公钥添加到这个用户的 authorized_keys 文件中。

$ vim .ssh/authorized_keys
# 把以前生成是 SSH 公钥添加到文件尾部
复制代码

本地 config 配置

如今已经能够经过 ssh 无密码的方式登陆云服务器了

ssh root@IP
# IP 为 云服务器的 IP 地址
复制代码

如上，是否是感受很方便。但是这种方式，你仍是须要知道云服务器的 ip 地址，那有没有更省脑的方式呢？

有的，在~/.ssh 下的 config 文件中添加如下代码便可

Host hostname # hostname 为你想要设置的别名
HostName IP # IP 为云服务器的 IP 地址
User root
IdentitiesOnly yes
复制代码

以后，就能够经过以下的方式登陆到云服务器了

ssh hostname # hostname 为你刚才设置的名称
复制代码

代码

我的理解，云服务器也就是一台机器，你的代码在本身的电脑怎么跑，到了云服务器仍是怎么跑，只是运行的环境不同了，须要作一些配置。

如今，咱们已经有了云服务器了，接下来就是如何把咱们能在本地跑起来的代码部署在服务器上。

我采用的方式比较简单，就是直接在把我本地的代码 push 到 github 上面，而后在服务器那里用 git clone，把代码下载到本地。github 地址 koa-demo。又或者你能够把代码在本地打包后，利用 scp 远程复制。

云服务器设置 nginx

nginx，是运维同窗常常打交道的。你可能听过反向代理、负载均衡等名词，这都是跟 nginx 有关的。

安装 nginx

个人服务器是 centos 系统的，因此安装的方式以下

yum install -y nginx
复制代码

至于其余系统的安装方式，自行查找了。

conf 配置

对于 nginx 来讲，主要就是 nginx.cof 这份配置文件，位于/etc/nginx 路径下，下面就进行修改

cd /etc/nginx
vi nginx.conf
复制代码

修改后的内容以下

注意：确保红色圈中的 1 部分没有被注释，圈中的 2 部分注释。

这样作的目的是为了若是以后须要添加多个 server 的话，都在 nginx.conf 文件改，就不容易维护了。 接下来，添加咱们此次须要的跟 nginx 相关的文件

cd /etc/nginx/conf.d
touch koa-demo.conf
vi koa-demo.conf
复制代码

而后，把如下内容 copy 到 koa-demo.con 中并保存

upstream koa-demo {
  server 127.0.0.1:3000;
}

server {
  listen 80;
  location / {
    proxy_pass http://koa-demo;
  }
}
复制代码

以后，使用下面的命令

nginx -t
# 用来测试你的配置文件是否 ok

nginx -s reload
# 从新加载配置文件
复制代码

没意外的话，这个时候在浏览器中输入你的云服务器 ip 地址，就能够看到效果了。 等等，你说你的浏览器没反应。不要慌，这是由于你的代码还没运行呢

# 个人代码克隆在这里，你的路径可能跟个人不一样
cd /opt/koa-demo
npm start
复制代码

这时候再刷新页面，ok 了，大功告成。

接着，你可能就想给本身加个鸡腿庆祝一下，而后就退出了云服务器，跑去吃饭了。吃完饭回来，再次刷新浏览器，我了个去，怎么又没内容了。 为何会这样呢？

这是由于你打开的方式不对，也就是启动代码的方式不对，你能够看看 packagek.json 的内容，npm start 其实就是执行 node index.js 。当你这边退出了，这个进程也就结束了，想一想在你的本地是否是也这样，你在你的终端运行，打开浏览器是没有问题的，退出终端，再刷新页面，就出问题了。

那这个问题要如何解决呢？呃，若是你以前有接触过 node，那应该就听过 pm2 这个词了。是的，没错，接下来咱们就用这个 pm2 解决咱们的问题。

pm2 运行程序

如何学习 pm2 呢，最快的方式就去看它的 官网 咯，里面的文档仍是写的很不错的，一个 Quick Start 直接入门。

这里就很少介绍了，看文档会更快了解。 那接下来怎么跑呢，你能够看到 package.json 里面的 script 还有个命令，就是 pm2，这个就是我以前已经添加好了，用 pm2 来启动程序的命令。具体以下：

# 先登陆到云服务器
ssh hostname
# 进入代码目录
cd /opt/koa-demo
# run
npm run pm2
复制代码

这个时候，即便你退出了，再次刷新页面，也不会有问题了。

Docker 部署

docker，你应该听过这个名词吧，没听过说明你有点跟不上时代阿。 若是没有了解过 docker，能够参考阮一峰老师的 Docker 入门教程。

接下来，就试一试如何利用 docker 部署咱们的 nodejs 应用。

首先，咱们须要在咱们的 koa-demo 中添加 Dockerfile 和.dockerignore。我已经在代码中添加好了，你能够直接简单地复制到你的项目中。至于其中的那些命令表明什么意思，就很少解释了。你看完阮老师的那篇文章，多少有点了解了。或者你能够 docker COMMAND -h 获取各个命令的使用。

云主机安装 docker

首先，咱们须要在云主机上安装 docker，能够参考 docker 官网 About Docker CE, 里面有关于各个系统的安装说明，很详细了。

编译镜像

进入到咱们的代码目录，利用 docker build 命令，编译出咱们须要的镜像文件，而后用 docker run，运行容器

cd /opt/koa-demo
docker build -t koa-demo .
docker run -d -p 7000:3000 koa-demo
复制代码

这里，我用本地的 7000 端口映射容器的 3000 端口。

这个时候，你可使用一下命令，看是否正确运行

curl -i localhost:7000

# 应该会返回以下结果
HTTP/1.1 200 OK
Content-Type: text/plain; charset=utf-8
Content-Length: 30
Date: Mon, 02 Jul 2018 12:12:26 GMT
Connection: keep-alive

It's success, congratulation! 复制代码

如今，咱们的容器已经跑起来了，你能够想试试直接在浏览器输入 ip:port 这样的形式是否能够访问，等你输入以后，你会发现是没有反应的。

为何呢，不要急，咱们尚未添加 nginx 配置呢。

cd /etc/nginx/conf.d
vi docker-demo.conf

# 写入如下内容
upstream docker-demo {
  server 127.0.0.1:7000;
}

server {
  listen 7000;
  location / {
          proxy_pass http://docker-demo;
  }
}
复制代码

记得用 nginx -t 来测试你的 conf 是否 ok， 而后 nginx -s reload 从新加载一下。

这个时候，你就能够用 IP:Port（这里的 Port 是上面的 listen 的端口） 的形式访问了。

假如，你这个时候仍是无法访问的话，有多是你的安全组设置的问题，设置一下便可。

总结

以上就是一个小白的辛酸部署路，路程艰辛，但学到了很多东西，收获不少。

讨论地址

欢迎一块儿讨论，github地址 从零开始学习部署

参考资料

谁说前端不须要懂-Nginx 反向代理与负载均衡 Dockerizing a Node.js web app Get Docker CE for CentOS Docker — 从入门到实践