docker+nginx 踩坑之路

最终效果图。

    为了这个demo，没有少踩坑。记录之，免得以后又忘记了......

    话不多说，首先在虚拟机中安装 Centos 7.5 版本。安装core版本的话想要界面操作，就需要在安装Gnome桌面。

    安装好了之后，就是 docker的安装，用yum 安装方便快捷。

    然后就是docker 容器中 nginx的安装。

    1.docker pull nginx。  使用该命令默认安装最新版，指定版本请用：docker pull nginx:1.15。可以使用docker image ls 查看是否安装成功。安装成功会有2个镜像nginx和hello-world，这是默认的；maps是我自己后面加地，如下图。

nginx安装成功效果图

    2.docker 和nginx都有了，那就开始搞应用程序上去。xftp、xshell 用的比较多，但是最简单的还是系统自带 cp 和scp。cp可以实现在本机的文件拷贝。 scp 可以本地上传至linux服务器，ex: scp -r e:\html\demo root@remoteIP:/path/file  .-r 表示递归 复制 。注意需要输入服务器登陆密码。scp 可以理解成用了ssh登录的cp命令。

3.文件上传之后需要制作docker用的镜像。以angular工程为例，项目根目录创建 Dockfile 文件，不带后缀名：

文件内容：

FROM 表示使用nginx 作为基镜像创建。

COPY 需要将文件复制到的位置 /usr/share/nginx/html/

ExPOSE 指定容器在运行中监听的端口。

CMD 具体参看

 https://blog.csdn.net/chengqiuming/article/details/79038772 

配置好了之后在本机打包angular程序，将Dockerfile 拷贝到 dist文件中，如果dist 下有项目名，则拷贝到项目名下，与assets和src同级。将Dockerfile 修改为：

利用第二步操作，将打包后的项目文件上传之服务器。此处有不同的处理，第一个就是在本机安装Docker 在本机生成docker镜像，第二一个就是上传到服务器，在服务器上生成镜像。由于我是linux新手，所以想多整一下，我就上传到linux 上去生成镜像。

4.制作镜像。docker build 命令。  例如：

docker build -t maps:v1 .

注意：1.我是进入到项目文件的的目录操作的，

          2.一定注意命令最后 的   "." 表示在当前目录执行

如果配置成功，生成完成

build 成功后，利用 docker images 查看是否存在，

5.现在开始 让镜像跑起来，就是发布网站嘛。 docker run.

docker run -d --name maps -p 5201:80 maps:v1.0

详解：-d 代表让容器在后台运行，不占据命令窗口

        --name 为镜像容器取一个好听的名字  maps

        -p 指定端口。5201是客服端访问的端口，80是上面配置的监听端口。

        maps:v1.0  是镜像的名字，这里也可以用镜像的ID。

可以利用 docker ps 查看是否运行成功。成功的话，那么你访问localhost:5201 或者 服务器ip：5201 就可以看到你的应用程序了，开篇第一图。

查阅的资料：

 地址：微风--轻许--Docker 从Dockerfile 构建镜像 ：build 命令的用法

地址：jacky-wangjj scp使用--linux windows之间传输文件

地址 ：Docker+Nginx部署Angular

还有好些在实际操作过程中页面关闭了，不好意了大牛们...

感谢以上前辈的付出。