7

シングル ページ アプリの場合、サーバー conf に高度な書き換えルールを実装して、Web クローラーとソーシャル メディア ボットをプロキシし、事前にレンダリングされたバージョンの JavaScript SPA コンテンツをキャッシュする必要があります。

http://prerender.ioのようなサービスを使用する

このプロキシを示すさまざまなサーバー構成ルールがここにテンプレート化されていることに気付くでしょう: https://prerender.io/getting-started#install-it

https://www.firebase.com/docs/hosting/guide/url-redirects-rewrites.htmlを使用すると、Firebase はこのレベルの洗練をサポートしますか?

たとえば、Firebase rewrite-rules を使用してこの nginx構成を実装するにはどうすればよいですか。

server {
    listen 80;
    server_name example.com;

    root   /path/to/your/root;
    index  index.html;

    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") {
            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)") {
          set $prerender 0;
        }

        if ($prerender = 1) {
            rewrite .* /$scheme://example.com$request_uri? break;
            proxy_pass http://service.prerender.io;
        }
        if ($prerender = 0) {
            rewrite .* /index.html break;
        }
    }
}

余談ですが、次のようなことをサポートしていただけるのは素晴らしいことだと思います。

"rewrites": [ {
  "source": "**",
  "destination": "/index.html"
}]

しかし、これは SPA が直面している戦いの半分しか解決していません。

4

2 に答える 2

1

2014 年 10 月 10 日の時点で、Firebase は公式に「いいえ」と言っているようです: https://github.com/firebase/firebase-tools/issues/33

代替手段は Divshot ホスティングです。実装が非常に簡単な Prerender ソリューションを提供しています: http://docs.divshot.com/services/prerender

于 2014-11-10T10:01:14.840 に答える