Google Providerのredirect URIが複数あるとエラーになる

[Masaki-Yamanaka]

Problem

• redirectSignInとredirectSignOutをローカルと本番用2つ追加
  • GoogleのSignin画面へリダイレクトするエラーになる

• 以下、issueのコメントで仕様っぽい
  • https://github.com/aws-amplify/amplify-cli/issues/2792#issuecomment-524632989
  • 2つredirectURIがあった場合、どちらを仕様するか明示的に示してあげる必要がある

Solution

解決策1

• aws-exportsをimport後にredirectURIを上書きする
  • aws-exportsとハードコードの二重管理になるのでできれば避けたい

import Amplify from "aws-amplify";
import awsconfig from "./aws-exports";

awsconfig.oauth.redirectSignIn = `${window.location.origin}/`;
awsconfig.oauth.redirectSignOut = `${window.location.origin}/`;

Amplify.configure(awsconfig);

https://github.com/aws-amplify/amplify-cli/issues/2792#issuecomment-671944193

解決策2

• 複数あった場合、host名に一致するものを選択する

  
  import awsmobile from './aws-exports';

const { host } = window.location;

// Fix issues with multiple redirect urls. // Try to figure out which one to use... if (awsmobile.oauth.redirectSignIn.includes(',')) { const filterHost = url => new URL(url).host === host; awsmobile.oauth.redirectSignIn = awsmobile.oauth.redirectSignIn .split(',') .filter(filterHost) .shift(); awsmobile.oauth.redirectSignOut = awsmobile.oauth.redirectSignOut .split(',') .filter(filterHost) .shift(); }

- SSRの場合のエラー回避

if (typeof window !== "undefined") { // 上記コード }

https://github.com/aws-amplify/amplify-cli/issues/2792#issuecomment-575406663

[Masaki-Yamanaka]

• Amplify CLIからredirect URIを削除不可能
  • parameters.json と aws-exports.js 両方手動で削除すれば可能
  • AWS amplify auth How to remove redirect uri

[Masaki-Yamanaka]

• デプロイしたらエラー出た