service workerがインストールされているかどうかを判別したい

Question

ReactとExpressでSPA / PWAを作成しております。

ユーザーは、一度でもサイトに訪れると、service workerをインストールし、そこで指定されたコンテンツをキャッシュするようになっています。

やりたいこと

service workerのインストールがすでに行われておりコンテンツがキャッシュされているかどうかを、Expressがルーティングする際に判別したいです。

具体的には、service workerがインストールされている（一度でもサイトに訪れたことがある）ユーザーに対しては、Reactで構成されたコンテンツを返し、初回訪問のユーザー（何もキャッシュなどがないユーザー）に対しては、AMPで作成したhtmlファイルをそのまま返したいです。

いまいち、service workerのインストールを判別する方法、またはコンテンツがキャッシュされているかを判別する方法がわからず、困っています。

よろしくお願いします。

Comments

[othersight]

Expressということは、webサーバ側でクライアントのservice workerの状態を判別したい、ということでしょうか?

[dwayne_johnson]

そうですね。 ご質問をいただいたことで、やろうとしてることが難儀なことに気がつきました。クライアント側とサーバー側の区別の意識がなかったです。 やりたかったこととしては、ページにリクエストが来た際にAMPを出すかそれ以外を出すかを、キャッシュの有無で分けたかったのです。それを、service workerのインストールの有無で判別しようかと。 しかし、サーバー側でクライアント側の状態を確認するのは無理なんじゃないかということに気がつきました。ありがとうございました。

Answer 1

そもそも、AMPページについて勘違いしていた。
自分の想定では、AMPページは、設定したURLをもとに配信されるものと思っていた。しかし、実際には、ampページが表示される際は、GoogleのCDNサーバーからキャッシュで表示されるため、URLは通常のものではない。
そのため、どの階層にampページが置いてあろうが関係ない。
いや、どのドメインにampが置いてあろうが関係ない。

であるから、今回自分がやろうとしていたことは意味がないことがわかった。PCではAMPページが表示されることはなく、スマホで表示されるAMPページはもはや同じドメインのURLですらない（googleのURL）ため、たとえ今回自分がやろうとしていた、AMPページのURLと普通verページのURLを同じものにする試みは、無意味である。

解決しました。

https://www.suzukikenichi.com/blog/you-can-serve-amp-pages-on-subdomain-or-different-domain/