【051】利用nginx的官方Docker镜像建立自动区分手机和PC的静态资源服务器

原创已于 2022-05-08 17:01:13 修改 · 972 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#nginx

于 2016-11-22 11:59:31 首次发布

nginx 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在Ubuntu 14.04上配置Nginx服务器，包括创建目录结构、编写配置文件以及启动容器的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文是在Linux ubuntu14.04操作系统上做的配置。
所有的文件都是UTF-8编码，换行符使用了Linux的形式。即只有换行符，而区别于Windows使用的回车换行符。
首先利用mkdir命令，建立下面几个目录：
/zhangchao/nginx/config 存放nginx配置文件的目录
/zhangchao/nginx/projects/pc 存放网站PC版的前端文件
/zhangchao/nginx/projects/mobile 存放网站手机版的前端文件

在 /zhangchao/nginx/config 下新建一个文件，命名为nginx.conf。
下面是nginx.conf的内容：


user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;
worker_rlimit_nofile 100000;


events {
    worker_connections  2048;
    multi_accept on;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    # access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;
    #gzip  on;

    include /etc/nginx/conf.d/*.conf;

    server_tokens off;
    tcp_nopush on;
    tcp_nodelay on;
    access_log off;
    error_log /var/log/nginx/error.log crit;
    keepalive_timeout 10;
    client_header_timeout 10;
    client_body_timeout 10;
    reset_timedout_connection on;
    send_timeout 10;
    limit_conn_zone $binary_remote_addr zone=addr:5m;
    limit_conn addr 100;
    charset UTF-8;
    gzip on;
    gzip_disable "msie6";
    gzip_proxied any;
    gzip_min_length 1000;
    gzip_comp_level 6;
    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
    open_file_cache max=100000 inactive=20s;
    open_file_cache_valid 30s;
    open_file_cache_min_uses 2;
    open_file_cache_errors on;
    include /etc/nginx/sites-enabled/*;

    server {
        listen 80;
        server_name 192.42.41.54;
        error_page  404              http://121.42.41.54/404.html;
        access_log  /zhanchao/nginx/projects/pc/access.log;
        location / {
            root /zhanchao/nginx/projects/pc;
            if ( $http_user_agent ~ "(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Browser)|(CLDC)|(UP.Link)|(KM.Browser)|(UCWEB)|(SEMC-Browser)|(Mini)|(Symbian)|(Palm)|(Nokia)|(Panasonic)|(MOT-)|(SonyEricsson)|(NEC-)|(Alcatel)|(Ericsson)|(BENQ)|(BenQ)|(Amoisonic)|(Amoi-)|(Capitel)|(PHILIPS)|(SAMSUNG)|(Lenovo)|(Mitsu)|(Motorola)|(SHARP)|(WAPPER)|(LG-)|(LG/)|(EG900)|(CECT)|(Compal)|(kejian)|(Bird)|(BIRD)|(G900/V1.0)|(Arima)|(CTL)|(TDG)|(Daxian)|(DAXIAN)|(DBTEL)|(Eastcom)|(EASTCOM)|(PANTECH)|(Dopod)|(Haier)|(HAIER)|(KONKA)|(KEJIAN)|(LENOVO)|(Soutec)|(SOUTEC)|(SAGEM)|(SEC-)|(SED-)|(EMOL-)|(INNO55)|(ZTE)|(iPhone)|(Android)|(Windows CE)|(Wget)|(Java)|(curl)|(Opera)" )
            {
                root /zhanchao/nginx/projects/mobile;
            }
            index index.html;
        }
    }
}

PC版和手机版的目录里面都要放入一个404.html文件，用来显示404错误提示信息。

PC版和手机版的目录里面都要保证存在一个index.html文件作为入口文件。由于PC和手机屏幕的差异，前端需要分别设计两个不同页面，所以放在两个不同的目录里面。下面是本例子中的index.html内容，因为仅仅是作为演示，所以只有提示是PC和手机的字符。

如果用户只是想要使用IP来访问网站的话，把Server对象里面的 server_name 设置成Docker宿主机的IP。这里假设IP是192.42.41.54。

PC index.html

<html>
    <head>
        <title>aaaaaaa</title>
    </head>
    <body>
        PC电脑
    </body>
</html>

手机 index.html

<html>
    <head>
        <title>aaaaaaa</title>
    </head>
    <body>
        mobile
    </body>
</html>

最后用nginx官方镜像建立容器：

docker run --name nginx-a \
-v /zhanchao/nginx/config/nginx.conf:/etc/nginx/nginx.conf:ro \
-v /zhanchao/nginx/projects/pc:/zhanchao/nginx/projects/pc \
-v /zhanchao/nginx/projects/mobile:/zhanchao/nginx/projects/mobile \
-p 80:80 -d nginx:latest