WAP站设置

说明


WAP站与PC站可以理解为2套不同的模板,使用不同的域名或者是IP进行区分,达到让浏览器分别显示。

如果WAP站与PC站的域名相同,那么只会显示WAP或PC站。

本地部署


一、PC站初次安装的试试,如果使用localhost:8080进行安装,那么默认PC站使用localhost:8080进行访问。

二、进入平台后台---系统设置----系统设置选项卡

1、其中wap站选择“开启”。

2、wap站域名填写127.0.0.1,如果使用本机实际IP地址,例如:192.168.1.88,可以填写实际IP192.168.1.88地址。

如果其他人需要连接本机访问,访问192.168.1.88即可访问本地当前wap端,由于域名设置的是localhost:8080,所以不能访问PC端。

3、wap站目录,默认填写“wap”。

如果要修改目录名称,要与web项目的themes/wap目录名称相同。填写下图红框的实际目录。

4、点击“立即保存”

如果有虚拟路径,配置wap站域名时,不用填写虚拟路径,以及域名钱的"http://"

生产环境


由于说明提到的,不能用同一个IP访问2套模板(PC站与wap站)。所以要有实际的域名来指向不同的模板。

例如:一级域名为:aaa.com,指向shop.aaa.com用来访问PC站,m.aaa.com用来访问wap站。

aaa.com域名指向的IP:10.55.66.789。shop.aaa.com指向的IP:10.55.66.789。m.aaa.com指向的IP:10.55.66.789。

项目启动IP地址:10.55.66.789:8080

IP为演示IP,请根据实际IP地址进行域名解析。

后台设置操作为如下图:

1、主域名使用PC站域名,也可以使用以及域名来指向,这个看实际运营情况。

2、wap站除域名要填写生产环境的wap站域名:m.aaa.com外,其他与本地设置相同。

3、域名通过nginx进行转发。(附nginx转发PC、wap站示例)

   server {
        listen       80;
        server_name  shop.aaa.com;   #PC站域名

        location / {
        proxy_pass http://10.55.66.789:8080;  
        proxy_redirect    off;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $http_host;
        proxy_set_header Cookie $http_cookie;
        }   
    }



      server {
        listen       80;
        server_name   m.aaa.com;      #wap站域名
        location / {
            #域名指向的服务器IP地址以及端口,即使用此IP地址+端口可以正常访问站点
            proxy_pass http://10.55.66.789:8080;     
            proxy_redirect    off;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $http_host;
            proxy_set_header Cookie $http_cookie;   

            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 /opt/web/themes/wap;    //项目中wap实际路径
            }
        }
     }
注:请看nginx配置,无论是PC端还是wap端的域名,都需要指向同一个服务器的同一个web项目。

results matching ""

    No results matching ""