通过UA实现手机端电脑端的分离!(重点)
实现Nginx区分PC和手机访问不同的网站是物理上完全隔离的两套网站(一套手机端、一套pc端)
这样带来的好处pc端和移动端的内容可以不一样,移动版网站不需要包含特别多内容。只要包含必要的文字和较小的图片,这样可以节约流量,有好处自然也会加大难度,难题就是需要自己维护两套环境,并且需要自动识别用户所使用的设备并跳转到相应的网站,当判断错误时用户可以手动切换正确的网站!
示例:有两套网站代码。一套PC版放在/usr/local/nginx/html/web,一套移动版放在/usr/local/nginx/html/mobile。只需要修改nginx配置文件,Nginx通过UA自动判断是否来自移动端访问,实现不同的客户端访问不同的内容。
==============================================================
[root@localhost ~]# cd /usr/local/nginx/html/
[root@localhost html]# ls
40x.html  50x.html  error.jpg  index.html  linux.jpg  roomc  trror.txt
[root@localhost html]# mkdir web mobile
[root@localhost html]# mv index.html web/
[root@localhost html]# vim mobile/index.html
www.shouji.com
[root@localhost html]# vim ../conf/nginx.conf
location / {
root /usr/local/nginx/html/web;
if ( $http_user_agent ~
"(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Browser)|
(CLDC)|(UP.Browser)|(UCWEB)|(SEMC-Browser)|(Mini)|(Symbian)|(PaIm)|(Nokia)|(Panasonic)|(MOT-)|
(SonyEricsson)|(NEC-)|(Alcate)|(Ericsson)|(BENQ)|(BenQ)|(Amoisonic)|(Amol-)|(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)|(Soutec)|(SAGEM)|(SEC-)|(SED-)|
(EMOL-)|(INN055)|(ZTE)|(iphone)|(Android)|(Windows CE)|(Wget)|(Java)|(curl)|(Opera)")
{
root /usr/local/nginx/html/mobile;
}
index index.html index.html;
}
通过UA实现手机端电脑端的分离!(重点)的更多相关文章
- 手机端移动端的选择框mobileSelect.js使用
		
手机端移动端的选择框mobileSelect.js使用 文件地址:https://github.com/onlyhom/mobileSelect.js 请感兴趣的自行下载 使用过程 1 引入标签 &l ...
 - js 手机端触发事事件、javascript手机端/移动端触发事件
		
处理Touch事件能让你跟踪用户的每一根手指的位置.你可以绑定以下四种Touch事件: touchstart: // 手指放到屏幕上的时候触发 touchmove: // 手指在屏幕上移动的时候触发 ...
 - jquery photoClip支持手机端,PC端 本地裁剪图片后上传插件
		
支持手机,PC最好的是jquery photoClip插件,下载地址&示例:https://github.com/topoadmin/photoClip demo.html 代码: <! ...
 - Charles PC端和手机端抓取HTTP和HTTPS协议请求、HTTPS通用抓包规则
		
一:HTTP和HTTPS的区别 HTTP是超文本传输协议,被用在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式发送内容,不提供任何方式的数据加密,因此HTTP协议不适合传输一些敏感信息, ...
 - 原生js实现响应式轮播图,支持电脑端点击切图,手机端滑动切图
		
轮播图的实现原理并不难,但是步骤有些繁琐.最近练习了一个轮播图,大部分是跟着网上的教程写的,然后自己做了一点兼容ie8的修改,加了点击切换图片的特效和手机端的滑动特效,让这个轮播图可以在响应式的网站中 ...
 - 判断Http请求由手机端发起,还是有电脑端发起
		
某些情形,我们需要判断Http请求是来自手机端还是电脑端,关键是取得User-Agent的信息,进行筛选判断即可. 核心类如下: public static boolean isMobileDevic ...
 - 判断是手机端还是电脑端 isMobile()
		
1.在PublicController控制器中写好判断手机端方法. <?php namespace Home\Controller; use Think\Controller; class Pu ...
 - 原生js为页面添加爱心特效和判断手机端还是电脑端登录
		
<!-- 为页面添加爱心特效 --> <script type="text/javascript"> (function (window, document ...
 - 基于H7的中移动物联例子以及简易操作说明,方便电脑端和手机端远程查看数据
		
说明: 1.操作前,务必优先看此贴里面的基础例子,先将WIFI连接到路由器上,这样才可以访问外网: https://www.cnblogs.com/armfly/p/11307803.html 2.有 ...
 
随机推荐
- ubuntu16.04spyder闪退
			
解决办法我试了好用 sudo pip install --upgrade html5lib==.0b8 完事.
 - 计算几何-点与多边形的位置判断-zoj1081Points Within
			
This article is made by Jason-Cow.Welcome to reprint.But please post the writer's address. http://ww ...
 - rancher 方式创建nfs-client 存储类流程
			
rancher 方式创建nfs-client 存储类流程 待办 https://www.iamle.com/archives/2514.html
 - linux 复制系统盘 dd
			
lsblk sudo dd if=/dev/mmcblk0 of=/dev/sda bs=8M sudo watch -n 5 pkill -USR1 ^dd$
 - Docker配置阿里云镜像源
			
Docker默认拉取镜像是从这里拉取(https://hub.docker.com/),拉取的速度让人...,所以是配置国内镜像源,拉取速度十分惊人 一.版本要求 Docker版本:1.10以上 二. ...
 - Wx-小程序-组件式开发之Vant
			
开始:https://youzan.github.io/vant-weapp/#/intro 小程序开发者工具中 -->工具栏-->构建npm 一.初始化package.json npm ...
 - oop(面向对象)中的内置函数
			
oop中的内置函数  类中存在一些名字带有双下划线__开头的内置函数, 这些函数会在某些时候被自动调用,例如之前学习的迭代器__init__函数 一.isinstance(obj, cls) 检查o ...
 - BFS和DFS详解以及java实现(转载)
			
作者:Leo-Yang 原文都先发布在作者个人博客:http://www.leoyang.net/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连 ...
 - zookeeper 源码(一) 选举和同步数据
			
前言 在开始阅读代码前我们先来了解一下zk 的大致结构,具体大概要实现的核心功能有那些,心中有个大概的框架阅读代码时再深入其中的细节,就会非常好懂,本人觉得这是一个阅读源码的好方法,可以最快地切入到源 ...
 - vue生命周期中update的具体用法
			
在页面上 改变元数据data中数据,并且导致页面重新渲染时,才会进入update周期