01 手摸手带你使用Docker 部署静态网站（入门篇）

ECS 使用 Docker 部署静态网站为例
我购买的是腾讯云 ECS 服务器
系统盘：ubuntu

1. 准备工作

1. 学习下 vim

   
   vim操作速查
2. linux 常用命令
3. 需要一台可以装 Docker 的机子，windows 家庭版的安装有点复杂，旗舰版的会比较好， 有钱的就 mac 吧。当然，像我这种windows家庭版，又没钱的，又懒的，就只能在 ECS 上操作了

2. 练手demo

1. 首先，登录你的 ECS 服务器，可以使用阿里云提供的 terminal，输入连接密码，即可进入

   
   找到阿里云远程连接

进入后台

2. 安装之前先升级一下系统 apt-get upgrade，其次安装 Docker, apt-get install docker，安装完成后执行 docker -v， 出现 Docker 版本后，说明安装成功
   

   docker安装成功

3. 准备静态页面
   在根目录下新建文件夹 mkdir static_app，进入新文件夹 cd static_app，使用vim进行创建编辑静态页面 vi index.html，随意写一些内容

<h1> Hello Docker container !!!!</h1>

vim
编辑操作：按住字母 i 即会进入编辑状态
保存操作：按住 ecs + :+ wq!

到这一步，页面准备完成！

4. 准备 Dockerfile

FROM nginx:alpine
COPY . /usr/share/nginx/html

Ok，至此，两个文件都准备好了

5. 进行打包 docker build -t static-app:v1 .，查看镜像 docker images
   

   查看镜像

6. 运行 docker run -d -p 9002:80 --name static-app2 static-app:v1，查看启动与否docker ps -a，STATUS 显示为 Up 即已经启动了
   

   查看容器是否启动

7. 在浏览器中输入你的公网ip + 映射的端口号， 本教程中使用的端口号为 9002， 如果是本地docker 使用localhost: +映射端口号就可以了
   

   浏览器访问

补充：

1. 浏览器访问不了怎么办？
如果按照上述步骤，打开浏览器出现访问失败，那么，很多情况是由于没有配置安全组规则

image.png
添加一个安全组规则就好了
添加安全组规则

再次打开网页，应该就能看到了

我购买的是腾讯云 ECS 服务器