【问题标题】:Using prerender with proxy in nginx在 nginx 中使用带代理的预渲染
【发布时间】:2015-05-01 19:31:12
【问题描述】:

我正在尝试使用 prerender.io 获取 angularjs 页面的快照。目前我有一个用于 Web 应用程序的 NodeJS 实例,nginx 反向代理将请求从端口 80 重定向到 4000

根据 prerender nginx 手册 (https://gist.github.com/thoop/8165802),我可以将搜索引擎机器人请求转发到 prerender url,但因为我已经有 NodeJS 应用程序的代理,我不知道如何预渲染 try_files 指令。

我的问题是,如何同时使用 NodeJS 应用程序代理和 prerender 指令?

【问题讨论】:

  • 遇到同样的问题,但使用 paste 而不是节点 - 添加赏金
  • 你能提供一个 nginx.conf 文件来记录事情应该在哪里发生而没有发生吗? 2. 在 gisthub 上,我看到了很多“if”的例子,当你使用 if 设置多个变量时,if 只能用于返回状态(如果 xxx 返回 yyy),它会出错。任何 'if' 都应该使用 'map' 完成,然后在 location 块中使用单个 if 或重写。

标签: javascript angularjs node.js nginx prerender


【解决方案1】:

我相信prerender example 有答案。如果 prerender 设置为 1,它使用 rewrite 然后 proxy_pass。

所以你会改变这个:

if ($prerender = 0) {
            rewrite .* /index.html break;
        }

到这里:

if ($prerender = 0) {
        rewrite .* /index.html break;
        proxy_pass http://[INTERNAL IP]:[PORT];
    }

由于您使用的是 Node 并且不需要为静态文件设置一些东西,因此我会做进一步的修改。

这是我的最终答案:

server {
   listen 80;
   server_name example.com;

   location / {
       try_files $uri @prerender;
   }

location @prerender {
    #proxy_set_header X-Prerender-Token YOUR_TOKEN;

    set $prerender 0;
    if ($http_user_agent ~* "baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest|slackbot|vkShare|W3C_Validator") {
        set $prerender 1;
    }
    if ($args ~ "_escaped_fragment_") {
        set $prerender 1;
    }
    if ($http_user_agent ~ "Prerender") {
        set $prerender 0;
    }
    if ($uri ~ "\.(js|css|xml|less|png|jpg|jpeg|gif|pdf|doc|txt|ico|rss|zip|mp3|rar|exe|wmv|doc|avi|ppt|mpg|mpeg|tif|wav|mov|psd|ai|xls|mp4|m4a|swf|dat|dmg|iso|flv|m4v|torrent|ttf|woff)") {
        set $prerender 0;
    }

    #resolve using Google's DNS server to force DNS resolution and prevent caching of IPs
    resolver 8.8.8.8;

    if ($prerender = 1) {

        #setting prerender as a variable forces DNS resolution since nginx caches IPs and doesnt play well with load balancing
        set $prerender "service.prerender.io";
        rewrite .* /$scheme://$host$request_uri? break;
        proxy_pass http://$prerender;
    }
    if ($prerender = 0) {
        proxy_pass http://[INTERNAL IP]:[PORT];
    }
}
} 

我希望这会有所帮助。我要补充的一件事是我不会使用预渲染引擎。蜘蛛甚至可以索引使用 javascript 和 PDF 的链接和页面。

只要我的两分钱。

【讨论】:

  • Spiders can and do index links and pages that use javascript and PDFs even。谷歌在去年才添加了 JS 渲染。现在所有爬虫都这样做了吗?
  • @bradhanks 有没有其他方法可以在非机器人请求上使用上游进行 proxy_pass,而不是显式指向端点?
  • @EliezerSteinbock 你是对的,但关键是谷歌将你的页面放入渲染队列,并且你的页面被索引需要几天时间。在此处查看更多信息:developers.google.com/search/docs/guides/javascript-seo-basics
  • 像 twitter 和 facebook 这样的机器人不处理 javascript,所以你没有得到丰富的预览——所以如果这很重要,你需要做一些预渲染。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-11-15
  • 2019-05-29
相关资源
最近更新 更多