Connect」について教えて欲しいというご要望がありましたので、そのやり取りの模様を記事にして、ご紹介したいと思います。Connect」について悩んでいるってお聞きしたんですが。:なるほど、そういうことでしたか。システムの構成はどんな感じなんですか?Rocky:下の画像のようなイメージなんですよね。僕が担当している案件のサイトがあって、そしてそのとあるサービスのAPIがあり、その間に中継点として認証用のAPIサーバーも新たに立てるっていう感じなんです。:なるほど、なるほど。分からない点ってどこになりますか?Rocky:いや、もう全部っすね(笑)。誰がどんな役割を担い、どんなものが受け渡されているのかっていうのが、参考書とか読んだんですけど、今いちピンとこなくてですね。一つずつ流れを追いながら、自分だったらどういう感じで実装するのかっていう視点で、ざっくり解説してみますね!で、Rockyさん、まず前提として、このサイトっていうのはサーバーサイドレンダリングではなくSPAという認識で大丈夫でしたか?Rocky:はい、大丈夫です。SPAとサーバーサイドレンダリングで、若干実装の仕方は異なってきますので。Rocky:そうなんですね。最終的なゴールを初めに確認しておくと、そのあるサービスのAPIが発行するIDトークンをいかに安全に、サイト閲覧者のブラウザに渡すかってことが今回の最も大事なミッションになります。その安全性を担保するために、色々なことを仕込んいくことになるので。あっ、IDトークンっていうのは、認証の結果得られるトークンのことです。認証というのは、誰であるかを判明させるものですね。Rocky:なるほど。