用nginx实现网页上玩小游戏-超级玛丽

 

1. 简介
• 浏览器
• web服务器
• 定义
• 分类
• web服务
• 即B/S架构( Browser/server)
2. 浏览器实现搜索的底层逻辑
3. 部署nginx服务器 
4. nginx命令介绍
5. nginx配置文件
6. 用nginx搭建web服务器实现远程网页输入域名可玩小游戏"超级玛丽"
1. 部署nginx服务器 (见上面3)
2. 实现网页玩小游戏"超级玛丽"

  1 简介    

1. 浏览器
• 全名叫网页浏览器,是用来检索、展示以及传递Web信息资源的应用程序
2. web服务器
1. 定义
• 处理浏览器请求并返回相应响应，服务器上可以放置网站文件，让全世界浏览；可以放置数据文件，让全世界下载
2. 特点
• 一种被动程序：只有当Internet上运行其他计算机中的浏览器发出的请求时，服务器才会响应
3. 分类
• Apache
• 过时(因为用select网络模型)
• Nginx
• 性能强大
• 官网 https://nginx.org/
4. Nginx和Apache的对比
3. 网络模型 介绍
• select
• 每隔一定时间主动检测有无浏览器请求,耗费CPU资源大
• poll
•  
• epoll
• poll的升级版

  1-2-4 Nginx和Apache的对比       2 浏览器实现搜索的底层逻辑  

1. 与服务器建立连接
• 输入域名或者ip
2. 发送请求内容到服务器
3. 服务器处理请求并返回结果
4. 关闭浏览器与服务器的连接

  原理简单图示   3 nginx部署  

• 本次选择软件安装方式: yum安装
• 知识经验足够后,可以选择编译安装方式

步骤 3-1 进入下载详情页面   1.1) 官网 -> documentation  -> installing nginx ->  Installation on Linux  下的 packages ->   1.2) 如图 1.3) 如图 [root@web01 ~]# vim /etc/yum.repos.d/nginx.repo

• 将内容复制到里面
• 按i,然后右键点一下粘贴,否则直接粘贴会缺少内容

  3-2 安装 nginx [root@web01 ~]# yum install nginx -y 3-3 停止本机的httpd服务(如果之前开启的话) [root@web01 ~]# systemctl stop httpd 3-4 启动 nginx [root@web01 ~]# systemctl start nginx 3-5 测试 输入网址,出现以下页面表示成功       4 nginx命令介绍  

• 启动  systemctl start nginx
• 关闭  systemctl stop nginx
• 重启  systemctl restart nginx

                                                5 nginx配置文件   6 实现远程网页输入域名可玩小游戏"超级玛丽"   step1---部署nginx服务器    step2---实现网页玩小游戏"超级玛丽"   2-1 创建存放游戏代码的目录

• mkdir /opt/super_marie
• /opt
• 第三方软件下载路径
• super_marie
• 给"超级玛丽"包起的目录名字
• /opt/super_marie
• 也是配置文件里 外部浏览器访问"超级玛丽游戏"的网址路径

  2-2 传代码到对应路径下

• 方式1
• 在windows中找见代码, 拖到linux对应路径下
• 注意: !!!文件夹拖不过去,须在对应路径下再创建该文件夹,再拖一次
• 无文件夹时推荐使用
• 方式2
• 输入rz,回车 从弹出的窗口windows中找见游戏代码,确定,自动将内容从windows传到linux对应路径下
• 注意: !!!文件夹传不过去,须在对应路径下再创建该文件夹,再传一次
• 方式3(推荐)
• 用xftp5软件拖
• 特点: 文件,文件夹都可以传过去

  演示     上传游戏代码   方式3 方式1

• 文件夹拖不过去

步骤演示   2-3 编辑"配置文件"          语句

• vim /etc/nginx/conf.d/game.conf
• game.conf 中 game就是一个名字, 只要以"句点符conf"结尾即可

  配置内容 server {     listen 80;     server_name game.test.com;     location / {         root /opt/Super_Marie;         index index.html;     } } 解释 没有的解释见上边配置文件详细介绍   2-4 测试配置文件是否正常 [root@web01 conf.d]# nginx -t 出现如下即正常 nginx: the configuration file /etc/nginx/nginx.conf syntax is ok nginx: configuration file /etc/nginx/nginx.conf test is successful   2-5 重启Nginx

• systemctl restart nginx

  2-6 "域名解析"写入文件

• 格式
• 服务器ip空格域名
• 172.16.1.7 game.test.com
• 在ip是内网ip的情况下,后边域名可以设定成xxx.com(这是二级域名)
• 域名解析
• 将域名与服务器ip关联,访问域名即访问对应的ip
• "写入文件"的路径
• C:\Windows\System32\drivers\etc\hosts
• \drivers 目录存的是驱动文件(还可以用windows加R,然后输入drivers方式打开)

    2-7 访问  

• 在浏览器输入域名,回车,出现下图即表示成功

 另一小游戏成功页面   2-8 无法访问原因   解决思路: 

• 查看报错
• 若只是浏览器问题,右键检查,从弹出窗口的那些选项,复制报错,百度
• 直接百度当前页面提示问题
• 问朋友,老师

  2-8-1自动在域名前加了https

• 解决办法: 1) 删了s 回车;  2) 前边办法不行时(回车自动又加了s),把域名修改成xxx.com

  2-8-2 不显示图   上传文件时少上传了文件  

标签：浏览器,超级玛丽,nginx,域名,小游戏,conf,服务器
来源： https://www.cnblogs.com/tslam/p/15754812.html