FedCM を実装するための開発環境を設定する

FedCM の実装を開始するための環境を設定する方法を学習する。

FedCM を使用するには、Chrome の IdP と RP の両方で安全なコンテキスト(HTTPS または localhost)が必要です。

Android 版 Chrome でコードをデバッグする

ローカルでサーバーを設定して実行し、FedCM コードをデバッグします。ポート転送を使用して USB ケーブルで接続された Android デバイスの Chrome で、このサーバーにアクセスできます。

パソコンで DevTools を使用して Android 版 Chrome をデバッグするには、Android デバイスをリモートでデバッグするの手順に沿って操作します。

Chrome でサードパーティ Cookie をブロックする

Chrome の設定でサードパーティ Cookie をブロックする
Chrome の設定でサードパーティ Cookie をブロックする

実際に適用する前に、Chrome でサードパーティ Cookie を使用せずに FedCM がどのように機能するかをテストできます。

サードパーティ Cookie をブロックするには、シークレット モードを使用します。または、パソコンの設定で chrome://settings/cookies を選択し、[設定] > [サイトの設定] > [Cookie] に移動して、[サードパーティ Cookie をブロックする] を選択します。モバイルの場合は、[設定] > [サイトの設定] > [Cookie] に移動します。