Docker - Windows下安装Nginx - 学习/实践

妖狐艹你老母 2023-01-07 11:25 276阅读 0赞

1.应用场景

<table> 
 <tbody> 
 <tr> 
 <td> 主要用于使用docker搭建web server. 或为开发, 或为测试~~ </td> 
 </tr> 
 </tbody> 
</table>

2.学习/操作

<table> 
 <tbody> 
 <tr> 
 <td> 1.文档阅读 <a href="https://hub.docker.com/_/nginx" rel="nofollow">https://hub.docker.com/_/nginx</a>&nbsp; &nbsp; 2.整理输出 
 <table> 
 <tbody> 
 <tr> 
 <td> 步骤 1. 拉取镜像 docker pull nginx &nbsp; 2.运行容器 可以通过命令行操作:&nbsp;docker run --name tmp-nginx -d nginx 也可通过docker for windows App进行操作 &nbsp; 过程如下: 2.1 打开 Docker for window 点击 RUN <img alt="" height="966" src="https://img-blog.csdnimg.cn/20210115235226363.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> &nbsp; 2.2 配置参数如下: <img alt="" height="1200" src="https://img-blog.csdnimg.cn/2021011523482643.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> Note: 配置简要解释: 容器中80端口映射到本机8080端口, 因为本机80端口已经其他容器占用. 默认是 80--&gt;80 目录挂载: 本机--&gt; 映射到容器某个位置 // 后面才看到,&nbsp; 这里配置不当, 本想映射到nginx的web目录, 结果 /var/www并不是nginx默认的web root 目录 ----&gt; 后面再修改 &nbsp; 2.3 切换到Containers / Apps, 可以看到容器运行情况~~ <img alt="" height="517" src="https://img-blog.csdnimg.cn/20210115235647956.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1006"> &nbsp; 2.4 查看Nginx是否工作 点击第一个按钮 [在浏览器中打开], 可以看到, Nginx初步工作正常 <img alt="" height="287" src="https://img-blog.csdnimg.cn/20210115235739731.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1005"> &nbsp; 2.5 点击第二个按钮, CLI, 进入Nginx容器中. 同时根据容器logs, 可找到web root 目录 <img alt="" height="672" src="https://img-blog.csdnimg.cn/20210116000607821.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1016"> <img alt="" height="782" src="https://img-blog.csdnimg.cn/2021011616491078.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1005"> &nbsp; 进入CLI, 容器中, 进入指定目录下,&nbsp; 如下: 可浏览器确认文件内容, 这里浏览 index.html <img alt="" height="774" src="https://img-blog.csdnimg.cn/20210115235340721.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1012"> 选做: 该目录下新建文件, hello.html vim hello.html&nbsp; // 或需要安装vim 命令 文件内容: &lt;h1&gt;Hello Nginx!&lt;/h1&gt; &nbsp; 浏览器中输入: <a href="http://localhost:8080/hello.html" rel="nofollow">http://localhost:8080/hello.html</a> <img alt="" height="251" src="https://img-blog.csdnimg.cn/20210116164604276.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="796"> 一切正常~~~ &nbsp; &nbsp; 重新生成容器: 步骤同上, 只是挂载目录不同 当然还有本机端口不同 <img alt="" height="694" src="https://img-blog.csdnimg.cn/20210116165144468.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="1200"> <img alt="" height="469" src="https://img-blog.csdnimg.cn/20210116165252457.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="639"> &nbsp; <img alt="" height="697" src="https://img-blog.csdnimg.cn/20210116165459241.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="916"> 本机项目目录: <img alt="" height="205" src="https://img-blog.csdnimg.cn/20210116165632704.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="913"> index.html 
 <blockquote> 
 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &nbsp;&nbsp; &nbsp;&lt;title&gt;Nginx-Learning&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &nbsp;&nbsp; &nbsp;&lt;h1 style="color: rgb(225, 112, 85)"&gt;Hello Nginx!&lt;/h1&gt; &lt;/body&gt; &lt;/html&gt; 
 </blockquote> 进入容器中, 可以看到容器web目录, 对应于host本机的挂在目录&nbsp; // 会覆盖原来的文件目录, 可认为host主机的目录被复制到了容器目录 <img alt="" height="179" src="https://img-blog.csdnimg.cn/20210116170656140.png" width="670"> &nbsp; 浏览器中访问: <img alt="" height="262" src="https://img-blog.csdnimg.cn/20210116165854526.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="922"> &nbsp; 初步看来, 一切正常~~~ &nbsp; &nbsp; 通过命令操作 // 推荐命令更加方便 
 <blockquote> 
 docker run --name tmp-nginx -d nginx // 后台运行临时nginx容器 docker cp tmp-nginx:/etc/nginx /Users/williamning/Workspace/etc/nginx // 需要将docker中的文件拷贝到本机中 docker rm -f tmp-nginx // 删除临时的容器 
 docker run --name run-nginx -d -p 80:80 -v /Users/williamning/Workspace/www:/usr/share/nginx/html:ro nginx // 运行ngxin容器， 映射容器端口80到本机80端口 
 docker rm -f run-nginx // 删除容器 
 </blockquote> &nbsp; <h3>Note:</h3> 挂载目录时, 一定要写上最后的文件分隔符, 否则挂载失效~~~ /host_mnt/d/wamp/projects-learning/nginx-1.19.6/www&nbsp; &nbsp;&nbsp;/usr/share/nginx/html/ </td> 
 </tr> 
 </tbody> 
 </table>&nbsp; 后续补充 ... </td> 
 </tr> 
 </tbody> 
</table>

3.问题/补充

<table> 
 <tbody> 
 <tr> 
 <td> 1.查看docker镜像容器基于的OS // 这里是Ningx容器 <img alt="" height="107" src="https://img-blog.csdnimg.cn/20210116155050388.png" width="675"> <a href="https://openbenchmarking.org/s/4.19.76-linuxkit" rel="nofollow">https://openbenchmarking.org/s/4.19.76-linuxkit</a>&nbsp; // linuxkit &nbsp; 2. 使用vim新建/编辑文件 在使用docker容器时，有时候里边没有安装vim，敲vim命令时提示说：vim: command not found，这个时候就需要安装vim，可是当你敲apt-get install vim命令时，提示： Reading package lists... Done Building dependency tree &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Reading state information... Done E: Unable to locate package vim 这时候需要敲：apt-get update，// 作用是：同步 /etc/apt/sources.list 和 /etc/apt/sources.list.d 中列出的源的索引，这样才能获取到最新的软件包。 等更新完毕后, 重新执行命令：apt-get install vim <img alt="" height="132" src="https://img-blog.csdnimg.cn/20210116155651588.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="789"> <img alt="" height="472" src="https://img-blog.csdnimg.cn/20210116161657571.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dpbGxpYW1fbg==,size_16,color_FFFFFF,t_70" width="730"> 正常新建, 编辑, 保存 <img alt="" height="161" src="https://img-blog.csdnimg.cn/20210116170059569.png" width="548"> </td> 
 </tr> 
 </tbody> 
</table>

4.参考

<table> 
 <tbody> 
 <tr> 
 <td><a href="https://hub.docker.com/_/nginx" rel="nofollow">https://hub.docker.com/_/nginx</a>&nbsp;</td> 
 </tr> 
 </tbody> 
</table>

后续补充

...