作为web端开发er,几乎从未接触过后端及服务端相关知识。但有些场景下又需要将自己的一些东西从公网(域名)上展示出来,比如自己的可开源项目、博客、简历、demo等。有时候我们可以麻烦后台或者运维同事来帮我们搞一搞,但终究授之以鱼不如授之以渔,在同事的帮助下,我也成功的通过一条简单的途径实现了本地文件上传至服务器并从域名访问。本片博客记录下实现过程。 本实现途径是在linux服务器中安装docker,然后启用docker-nginx代理实现的,希望对与我面对同样困境的小白有所帮助。 第一次接触服务端知识,有错敬请指教,感谢! 那么,开始吧~
提示:以下命令行内容均在服务器中完成~自行通过终端远程工具连接自己的服务器
如已安装想重新安装,或者是旧版本,则执行。 如已是新版,跳过本步。
$ sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-latest-logrotate \ docker-logrotate \ docker-engine
以下两种方式任选其一
curl-fsSL https://get.docker.com | bash -s docker --mirror Aliyun
curl-sSL https://get.daocloud.io/docker | sh
$ sudo systemctl start docker
Nginx 是一个高性能的 HTTP 和反向代理 web 服务器,同时也提供了 IMAP/POP3/SMTP 服务 。 docker内安装nginx,作为web服务器来提供我们所需要的的web服务。
docker search nginx
[root@VM_0_10_centos zxm]# docker search nginxNAME DESCRIPTION STARS OFFICIAL AUTOMATEDnginx Official build of Nginx. 13333 [OK] jwilder/nginx-proxy Automated Nginx reverse proxy for docker con… 1822 [OK]richarvey/nginx-php-fpm Container running Nginx + PHP-FPM capable of… 777 [OK]linuxserver/nginx An Nginx container, brought to you by LinuxS… 115 bitnami/nginx Bitnami nginx Docker Image 84 [OK]tiangolo/nginx-rtmp Docker image with Nginx using the nginx-rtmp… 75 [OK]alfg/nginx-rtmp NGINX, nginx-rtmp-module and FFmpeg from sou… 66 [OK]......
$ docker pull nginx:latest
运行命令查看是否安装成功: $ docker images
REPOSITORY TAG IMAGE ID CREATED SIZEnginx latest 2622e6cca7eb 5 days ago 132MB
如上,有nginx,成功。
$ docker run--name[name]-p8080:80-d nginx
创建容器后默认是运行状态。可以通过 $ docker ps
命令查看运行中的容器,通过 $ docker ps-a
查看docker的所有容器。 如,我创建的容器名为 zxm-nginx-test
,可以在下面容器列表中查看到容器的运行状态及容器信息(id、name等)
[root@VM_0_10_centos zxm]# docker ps -aCONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMESdaad54bac361 nginx "/docker-entrypoint.…" 41 hours ago Up About an hour 0.0.0.0:8080->80/tcp zxm-nginx-test
如果容器未启动,则可以通过 $ docker start[容器name或id]
来启动容器。
运行容器启动之后,可以通过服务器公网ip地址测试访问。 如: http://[ip]:8080/
。 出现页面提示如下,表示成功运行。
上传本地文件/文件夹(我们的web项目,静态资源)到自己的服务器任意位置。 比如我在root下创建了文件夹zxm,通过工具直接将本地文件 Loading.html
拖入其中。
然后本地资源就上传到了服务器中~
首先,我们已经将需要的项目(资源)从本地上传到了服务器上; 然后我们需要做的则是从服务器上的项目资源从目前所在的地方拷贝到docker-nginx容器内,那么我们就需要知道三个东西:
接下来,我们一步一步来。
dockerexec-it daad54bac361 bash
$ docker exec -it daad54bac361 bash
ls
root@daad54bac361:/# ls bin boot dev docker-entrypoint.d docker-entrypoint.sh etc home lib lib64 media mnt opt proc root run sbin srv sys tmp usr var
cd etc/nginx/conf.d/
root@daad54bac361:/# cd etc/nginx/conf.d/root@daad54bac361:/etc/nginx/conf.d# lsdefault.conf
catdefault.conf
root@daad54bac361:/etc/nginx/conf.d# cat default.conf server { listen 80; listen [::]:80; server_name localhost; #charset koi8-r; #access_log /var/log/nginx/host.access.log main; location / { root /usr/share/nginx/html; index index.html index.htm; } #error_page 404 /404.html; ...}
server>location>root
如: /usr/share/nginx/html
这个目录则是容器的目标目录,接下来则需将其他位置的资源通过docker命令拷贝到该文件目录下。exit
root@daad54bac361:/etc/nginx/conf.d# exite xit
docker cp[源文件目录][容器id]:[目标目录]
例如,在我的服务器中,想要将 Loading.html
传入到容器中,则是: docker cpLoading.html daad54bac361:/usr/share/nginx/html/
浏览器中输入 ip:8080/Loading.html
,正常访问到页面,收工~~
以上内容我们完成了基本的服务器项目部署,也就是从公网可以访问自己的项目啦~但是我们不能一直使用公网来访问,不够安全,且不够优雅!那么我们怎么使用域名来访问自己的项目呢? 接下来我们操作一下域名映射。
dockerexec-it[容器id或者name]bash
apt-getupdate
apt-getinstall vim
default.conf
文件root@daad54bac361:/# cd etc/nginx/conf.d/ root@daad54bac361:/etc/nginx/conf.d# lsdefault.conf
vimdefault.conf
server>server_name
的localhost改成自己的域名地址,如我的是 www.zhuxingmin.com
,但我可能会设置二级域名等,将 www
改成 *
。则配置如下: server_name*.zhuxingmin.com;
server { listen 80; listen [::]:80; server_name *.zhuxingmin.com; #charset koi8-r; #access_log /var/log/nginx/host.access.log main; location / { root /usr/share/nginx/html; index index.html index.htm; } ...}
exit
docker restart[容器name或id]
如:
[root@VM_0_10_centos zxm]# docker restart zxm-nginx-testzxm-nginx-test[root@VM_0_10_centos zxm]# docker psCONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMESdaad54bac361 nginx "/docker-entrypoint.…" 40 hours ago Up 5 seconds 0.0.0.0:8080->80/tcp zxm-nginx-test
记录类型: A主机记录: test.zhuxingmin.com解析线路: 默认记录值: 服务器公网ipTTL: 10分钟
然后,打开浏览器,输入自己配置的域名,即可访问到docker-nginx容器中的项目啦~~
以上。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。