ppt web 演示_如何通过糟糕的互联网现场演示Web应用

ppt web 演示

现场演示是世界各地专业演讲者的祸根。 出于无法预料的原因，即使是准备最充分的现场演示也会出错。 当您在300个人面前上台时，这是一件不好的事情。 远程Web应用程序的实时演示充满了危险，以至于大多数人发现了其他演示方法。 屏幕截图永远不会失败，并且本地沙箱不会在过载的会议Internet连接上失败。 但是，如果我们不能及时建立一个本地沙箱怎么办呢？ 如果我们的数据库庞大又复杂怎么办？ 如果我们的应用程序具有动画和无法通过屏幕截图显示的互动，该怎么办？

如果可以记录Web应用程序的使用情况，然后在适当的时间重放存储的响应，该怎么办？ 幸运的是，代理HTTP很容易，HTTP是Web浏览器和Web服务器用来相互通信的协议。 这意味着您可以在浏览器和服务器之间放置中介，以执行所需的任何操作。 代理通常会进行内容过滤（例如，公司过滤器，父母过滤器）。 代理可以将数据缓存在离用户更近的服务器上，以加快网站访问速度。

在本教程中，我将以类似的方式使用Web代理：我将缓存我的内容，并将缓存的数据提供给我的Web浏览器。 但是，我将在与Web浏览器相同的机器上运行代理。 而且，我将其设置为仅缓存我想要的东西。 这样，我可以在不稳定的连接上运行实时演示。

安装和配置Squid HTTP代理

首先，我需要安装和配置代理。 我在Mac上，因此我通过Homebrew （适用于MacOS的免费软件包管理器）安装了Squid HTTP代理 。 安装代理后，我需要对其进行配置。

对于我的现场演示，我想缓存我要演示的应用程序以及该应用程序需要的任何其他内容。 缓存其他任何东西都是不必要的。 为此，Squid使用访问控制列表 （ACL）。 我将使用要缓存的域列表配置ACL，并拒绝其他所有内容。 为了获得最大的覆盖范围，我将主机名和IP地址都添加到ACL中。 由于HTTP代理也用于DNS，因此大多数情况下，代理都在查找DNS记录。 但是有时浏览器已经知道IP，并且只会告诉代理从IP中获取。

这是我的域和IP列表：

   
   

    
    

     
     acl cacheDomain dstdomain beta.cpantesters.org
     
     

acl cacheDomain dstdomain api.cpantesters.org
     
     

acl cacheDomain dstdomain www.cpantesters.org
     
     

acl cacheDomain dstdomain 212.110.173.51
     
     

acl cacheDomain dstdomain cdnjs.cloudflare.com
    
    
   
   

前三个域是我正在运行的应用程序。 第四个是我的应用程序服务器的IP地址。 所有域都在同一台计算机上。 最后一个是CDNJS ，这是我获取JavaScriptJavaScript内容交付网络（CDN）。 为了使我的应用程序正常工作，我需要缓存CDNJS依赖的所有JavaScript和CSS。

列出要缓存的内容后，就可以禁止缓存其他任何域：

   
   

    
    

     
     cache deny 
     
     ! cacheDomain
    
    
   
   

接下来，我需要告诉Squid将缓存放在何处以及要使用多少磁盘空间。 Homebrew的Squid配置已注释掉cache_dir行。 我需要启用它并增加可用磁盘空间，以确保我的数据保持高速缓存。 磁盘空间用完后，Squid开始删除旧的缓存数据，这在我的演示过程中是无法实现的。

   
   

    
    
 
     
     # Uncomment and adjust the following to add a disk cache directory. 
     
     

cache_dir ufs 
     
     / usr 
     
     / local 
     
     / var 
     
     / cache 
     
     / squid 
     
     1024 
     
     16 
     
     256 
    
    
   
   

该行末尾的第一个数字是缓存大小（以MB为单位），我将其调整为1024（1GB）。

最后，我必须确保可以使用Squid的管理API，并且它仅对本地计算机开放。 这应该是默认设置，因此我会寻找这些http_access行，如果不存在，请添加它们。

   
   

    
    
 
     
     # Only allow cachemgr access from localhost 
     
     

http_access allow localhost manager
     
     

http_access deny manager
    
    
   
   

允许从本地主机访问缓存管理器后，我需要禁用缓存管理器密码：

   
   

    
    

     
     cachemgr_passwd none all
    
    
   
   

我已经完成了配置文件 。 而且，既然我已经配置了代理，就可以启动它。 在Homebrew中，命令是brew services start squid ，但是您的平台可能有不同的要求。 此命令可启动代理并等待请求。 接下来，我需要配置浏览器以使用代理。

配置网络浏览器

为HTTP代理配置Web浏览器取决于您使用的浏览器和操作系统。 如果您在MacOS上使用Chrome或Safari，则可以转到系统偏好设置来配置代理。 但是，如果您使用的是Firefox，则可以将浏览器配置为使用代理，而将系统的其余部分保留下来。 其他操作系统还有其他配置代理的方法，因此您应该查看操作系统的文档。

有一些不错的浏览器插件可用于管理HTTP代理。 如果您使用的是Chrome，请尝试使用Proxy SwitchyOmega ，对于Firefox，请使用FoxyProxy Standard 。 不幸的是，对于Safari或Internet Explorer没有很好的代理插件选项。

运行演示以缓存内容

配置代理后，就可以通过演示进行测试。 我需要在良好的互联网连接上执行此操作。 在演示过程中，我的浏览器将要求代理获取所有演示数据。 代理执行此操作后，会将其缓存在磁盘上。 由于我的计算机在线，因此Squid将遵循Web服务器要求的缓存规则。 这意味着缓存特定的时间长度，并可能重新验证数据以查看其是否更改。

在演示过程中，应确保正在使用我的缓存。 最简单的方法是读取Squid的日志。 在我的配置中，它位于/usr/local/var/logs/access.log中 。 里面是几行，看起来像这样：

   
   

    
    
 
     
     1498020228.970    
     
     203 :: 
     
     1 TCP_MISS 
     
     / 
     
     200 
     
     3653 GET http: 
     
     // beta.cpantesters.org 
     
     / chart.html? - HIER_DIRECT 
     
     / 212.110.173.51 text 
     
     / html
     
     


     
     1498020229.523    
     
     314 :: 
     
     1 TCP_REFRESH_MODIFIED 
     
     / 
     
     200 
     
     8130 GET http: 
     
     // api.cpantesters.org 
     
     / v3 
     
     / release 
     
     / dist 
     
     / Statocles - HIER_DIRECT 
     
     / 212.110.173.51 application 
     
     / json
    
    
   
   

该行的重要部分是URL和状态。 TCP_MISS / 200表示“此请求不在我们的缓存中，并且远程服务器返回了200 OK HTTP响应。” TCP_REFRESH_MODIFIED / 200表示“此请求在我们的缓存中，但是我们从远程服务器刷新了该请求，该服务器返回了200 OK HTTP响应。” 这是我建立和刷新自身的缓存，因为我处于稳定的连接中。 一旦在缓存中保存了一些数据，我将开始看到以下内容：

   
   

    
    
 
     
     1498063273.261      
     
     0 :: 
     
     1 TCP_INM_HIT 
     
     / 
     
     304 
     
     299 GET http: 
     
     // beta.cpantesters.org 
     
     / chart.html - HIER_NONE 
     
     / - text 
     
     / html
     
     


     
     1498063281.831      
     
     0 :: 
     
     1 TCP_MEM_HIT 
     
     / 
     
     200 
     
     8187 GET http: 
     
     // api.cpantesters.org 
     
     / v3 
     
     / release 
     
     / dist 
     
     / Statocles - HIER_NONE 
     
     / - application 
     
     / json
    
    
   
   

TCP_INM_HIT / 304的意思是“缓存对此请求的响应为304 Not Modified响应。” TCP_MEM_HIT / 200的意思是“缓存以200 OK HTTP响应响应了此请求。” 这些是我想要的响应：缓存正在提供响应，而不是远程服务器。

运行演示

现在，我的缓存在稳定的连接上运行良好，现在可以在不稳定的连接上运行演示了。 首先，我要确保我的缓存不尝试访问远程服务器（即，它在Squid的“离线”模式下运行）。 为此，Squid有一个名为squidclient的管理客户端，我可以使用它来切换脱机模式。

   
   

    
    

     
     $ squidclient mgr:offline_toggle
     
     

HTTP 
     
     / 
     
     1.1 
     
     200 OK
     
     

Server: squid 
     
     / 3.5.26
     
     

Mime-Version: 
     
     1.0 
     
     

Date: Tue, 04 Jul 
     
     2017 
     
     21 : 
     
     16 : 
     
     36 GMT
     
     

Content-Type: text 
     
     / plain; 
     
     charset =utf- 
     
     8 
     
     

Expires: Tue, 04 Jul 
     
     2017 
     
     21 : 
     
     16 : 
     
     36 GMT
     
     

Last-Modified: Tue, 04 Jul 
     
     2017 
     
     21 : 
     
     16 : 
     
     36 GMT
     
     

X-Cache: MISS from gwen.local
     
     

Via: 
     
     1.1 gwen.local 
     
     ( squid 
     
     / 3.5.26 
     
     ) 
     
     

Connection: close
     
     


     
     

offline_mode is now ON
    
    
   
   

Squid的离线模式最大程度地减少了获取远程内容的尝试。 因为我缓存了演示过程中运行的所有内容，所以这意味着Squid将提供演示。

所以现在我可以在任何地方运行演示了，不用担心！ 所有远程内容均由本地计算机提供，因此会议WiFi的好坏无关紧要。 只要我坚持已经缓存的内容，我的Web应用程序就可以完美运行。

翻译自: https://opensource.com/article/17/7/squid-proxy

ppt web 演示