amplify-(amazon|auth0|facebook|oauth)-button / Amplify UI Components のドキュメントに無いコンポーネント紹介2
こちらは、 “ゆるWeb勉強会@札幌 Advent Calendar 2020” の 9日目の記事です。
前回は amplify-google-button の紹介でした。
もちろん、他の認証を使ったボタンも存在しています。
が、 Google 以外の Federation 認証を使ったことが無いので、今回は紹介だけに留めておきます。
目次
amplify-amazon-button
画面はこちら。
GitHub はこちらになります。
github.com
こちらも Google の時と同じように client-id を設定すると使える想定、のようです。
ボタンの文言変更する時は、 Translations.SIGN_IN_WITH_AMAZON を設定すれば良いようです。
amplify-auth0-button
画面はこちら。
GitHub はこちらになります。
github.comこちらは config プロパティで認証情報を設定するようです。
ボタンの文言変更する時は、 Translations.SIGN_IN_WITH_AUTH0 を設定すれば良いようです。
amplify-facebook-button
画面はこちら。
GitHub はこちらになります。
github.comこちらは app-id で認証情報を設定するようです。
ボタンの文言変更する時は、 Translations.SIGN_IN_WITH_FACEBOOK を設定すれば良いようです。
amplify-oauth-button
画面はこちら。
ボタンをクリックすると、 Cognito が提供するこの画面が表示されます。
GitHub はこちらになります。
github.comconfig で設定をするようですが、コードをみた感じ config.label 以外は明示的にこのコンポーネントでは触らないようです。(が、私はうまく設定できませんでした。)
ボタンの文言は、 config.label が設定されていればそちらを、未設定であれば Translations.SIGN_IN_WITH_AWS を使うようです。
まとめ
Federation 認証周りは、機能として提供されていて使うことはできると思いますが、ドキュメント関係がまだ十分には整備されているとは言い難い気がします。
少しでも情報提供になれば、幸いです。
- tacck
北の大地の普通のソフトウェアエンジニア。
インフラ・バックエンド・フロントエンドと、色々やります。初心者・若手向けのメンターも希望あればお受けします。
勉強会運営中
* ゆるWeb勉強会@札幌
* スマートスピーカーで遊ぼう会@札幌
- AWS SDK for Java で Amazon Bedrock を呼び出す 2023-12-24
- コミュニティの中と外 / 2023年のCommunity Builderとして少し意識した活動 2023-12-16
- ゆるWeb勉強会@札幌 2023年の振り返り 2023-12-02
- クリスマスの定番（？） Raspberry Pi と LED マトリクスでツリーをお絵描きするアプリを Amplify で作る 2023-01-09
- Amplify UI 4.x のざっくり解説 2022-12-29