网站首页 > 技术教程 正文
观众朋友,今天来讲一讲NGX。为什么要讲这个东西?肯定是有背景的。今天帮两个水友看一下简历,两个简历写着同一个东西,也就是前端要去做判断平台。如果是PC平台就展示PC端的项目,如果是H5也就是安卓、ios就是展示H5的项目。
他们写了大量的判断,什么判断?就是写的navigator,点user agent,写的非常多的判断。这个东西完全可以去交给NGX去做,不是所有的东西都要前端的去写。
先启动一下NGX,这是NGX的配置文件,没有改过,先把它启动一下,把它放到桌面,这里面有个EX,直接NG可以启动一下就行了,此时就已经启动了。启动完成之后看一下它的端口,默认的是八零,local host,直接可以访问,local host默认就是八零。
进来了,把这里面的字改了一下,默认的会去找HTML,也就是目录下面的index,点HTML,把它改成PC了。当右键点击检查,变成移动端的时候再刷新,这个项目就自己切成H5了,这样就又切成PC了。
这个功能让NGX去帮我实现,打开配置文件,这里ctrl+i,就NGX,点ctrl,需要去写一个映射表,注意是写在http模块里边,写个map。映射表里边需要什么东西?首先要一个NGX的自带变量,user a枕的其实也是去读这个东西,只不过判断交给NGX去做了,前段就不用经常的去写这些玩意儿了。
这是NGX自己的变量,它就会读到刚才看的这里边这一堆信息,就会读到里边的信息,后面是一个名字,比如叫ease mobile,来个default,默认的默认是个零,如果条件成立能把值给它变成一,说明就是移动端。
这个怎么写?用来匹配一下,最后一个新号就是忽略大小写,匹配安卓或者是IOS,也就是iPhone,是iPad,这些东西不都是移动设备吗?它的值就是一,记得加分号,定义这么一个映射表就可以了,变量在下面就可以使用了,也就是在这默认。让它去找这个就可以了。
·然后这可以改一改,如果是mobile,也就是找到里边安卓iphone或者是ipad了,然后是在下面新建了一个mobile,把它目录切到这就可以了,也就是把root切一下就可以了。
·把root的目录切到mobile,这个是不用变的,因为都叫index.hmm,这样其实就已经实现了。
·服务不要关,再起一个,还是切到桌面,切到n g x里边,n g x-s reload,重载一下。
·有个语法错误,没加分号,加一下分号,重载一下,此时就好了。
·先刷新一下,现在是pc端,把它变成移动端设备,刷新一下,是不是?它自己就变成a15了,比如换一个安卓的,这应该就是安卓,再刷新,还是一处,再刷新就变成pc了,这样就是a15,这样就可以实现了,只需要ng可简单写几下代码就可以了。
猜你喜欢
- 2024-10-16 关于老板让我用Openresty实现的各种奇怪需求以及实现
- 2024-10-16 在Nginx中使用 LuaJIT 判断变量是否是整数
- 2024-10-16 Ansible-playbook的循环和条件判断
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 下划线是什么 (87)
- 精美网站 (58)
- qq登录界面 (90)
- nginx 命令 (82)
- nginx .http (73)
- nginx lua (70)
- nginx 重定向 (68)
- Nginx超时 (65)
- nginx 监控 (57)
- odbc (59)
- rar密码破解工具 (62)
- annotation (71)
- 红黑树 (57)
- 智力题 (62)
- php空间申请 (61)
- 按键精灵 注册码 (69)
- 软件测试报告 (59)
- ntcreatefile (64)
- 闪动文字 (56)
- guid (66)
- abap (63)
- mpeg 2 (65)
- column (63)
- dreamweaver教程 (57)
- excel行列转换 (56)
本文暂时没有评论,来添加一个吧(●'◡'●)