AWS CloudFormationでCognitoを構築してみる - Qiita
はじめに 今回はCloudFormationを用いて、AWS Cognitoを構築していきたいと思います。 AWS CognitoはAWSが提供するユーザー認証サービスです。 今回はCognitoを単体で構築し、利用できるところまでやっていきたいと思います。 目次 ・Cognitoの設定項目 ・CloudFormation作成 ・利用検証 ・最後に ・参考 Cognitoの設定項目 今回はEメールアドレスを利用したサインインでの実施を想定しています。 また多要素認証はAuthenticator アプリケーションで実施します アプリケーション統合のコールバックURL設定はhttps://www.yahoo.co.jp/にしております。 上記以外の項目についてはCloudFormationの設定をを見てご確認ください CloudFormation作成 Cognitoのユーザープールとそれに関係
ReactとLambda上のPythonを組み合わせてサーバーレスなStripe決済を実現する
（2022年11月25日追記） 私の本が株式会社インプレス R&Dさんより出版されました。この記事の内容も含まれています。イラストは鍋料理さんの作品です。猫のモデルはなんとうちのコです！ 感想を書いていただけるととても嬉しいです！ （2022年8月3日追記）この記事の内容はこちらの本でも読めます。 開発中のAPI販売システムにサブスクリプション機能を導入したい 前回の記事では無料版のAPIキー発行ができるようになったので、今度は有料版のAPIキーを発行します。決済サービスはAPIドキュメントが充実しているStripeを利用します。サブスクリプションを導入するためのドキュメントもサンプルコード付きで用意されています。これなら比較的簡単に実装できそうです。[1] サンプルコードはフロントエンドとバックエンドにわかれています。環境を選べるので、フロントエンドはReact、バックエンドはPytho
Amplify AuthでupdateUserAttributesでユーザ情報が更新されない - Qiita
問題 Amplify AuthでupdateUserAttributes（）を用いてユーザ情報を更新した。 awsコンソールで変更は確認できたが、currentAuthenticatedUser（）でデータを取得するとユーザー情報が更新されていない。 解決策 currentAuthenticatedUser({ bypassCache: true }) でキャッシュクリアすると最新の情報が反映されました。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
Amazon Cognitoを使ったサインイン画面をつくってみる～アクティベーション＆サインイン編～
サインアップしたはいいものの、アクティベーション処理をしなければ作成したユーザーは使うことができません。今回の記事では、前回の続きでアクティベーション処理とサインイン処理を実装したいと思います。今回は、HTMLやJavaScriptを用いたクライアントアプリの実装がメインになります。 前回のおさらい 簡単に前回のおさらいをします。サインアップすると、Amazon Cognitoのユーザープールにユーザーが作成されます。ただし、ステータスが「UNCONFIRMED」となっています。 そして、登録したEメールアドレスに検証コードが書かれたメールが送信されてきます。 この検証コードでアクティベーション処理を行い、完了後にはサインインができるようになります。 アクティベーション処理の実装 まずはアクティベーション処理を実装します。まずはアクティベーション画面の実装ですが、必要なJavaScript
ユーザープールでのトークンの使用 - Amazon Cognito
翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。 ユーザープールでのトークンの使用 トークンを使用してユーザーを認証し、リソースへのアクセス権を付与します。トークンのクレームはユーザーに関する情報です。ID トークンには、ユーザー名、苗字、E メールアドレスなど、身元に関するクレームが含まれています。アクセストークンには、認証されたユーザーがサードパーティー API、Amazon Cognito ユーザーのセルフサービス API オペレーション、および UserInfo エンドポイント にアクセスできる scope のようなクレームが含まれています。アクセストークンと ID トークンの両方に、ユーザープール内でのユーザーのグループメンバーシップを示す cognito:groups クレームが含まれています。ユーザー
Cognitoユーザープールの認証にソーシャルサインイン（Google）を追加したうえでGoogleのアクセストークンを取得してみる | DevelopersIO
Cognitoを利用すると認証機能を簡単に実装できます。Googleアカウントでログインするなんてことも簡単に実現できます。 Cognitoユーザープールでソーシャルサインイン（Google）を追加する方法は、こちらの弊社ブログで設定方法を紹介しています。 Cognito ユーザープール + ALB の認証にソーシャルサインイン（Google）を追加してみた | Developers.IO 外部IDプロバイダー（Google等）との連携設定をする際に、Cognitoユーザープールのユーザー属性と外部IDプロバイダーのユーザー属性、どれとどれが対応するのかという属性マッピングを設定することができます。 ユーザープールの ID プロバイダー属性マッピングを指定する - Amazon Cognito そしてGoogleの属性マッピング設定をよく見てみると、 access_token の値があった
Cognito User Pool のサインインオプション設定について整理したい
ユーザー名を Sign In に使う エイリアスとして、 email or phone_number or preferred_username を使える email or phone_number をエイリアスとして使うためには、検証済みである必要がある preferred_username をエイリアスとして使うためには、アカウントが Confirm されている必要がある これらは 1つ を選択ではなく、複数選択することが可能 例えば Sign In に username と email と preferred_username を使えるようにするとか username は、そのままユーザー名となる username は User Pool 内で一意である必要がある username は後から変更することはできない エイリアスとして使う属性と同じ username は使用できない？ エ
Amplify UI の Authenticator コンポーネント tips まとめ｜金丸翔 @TxTo CTO
はじめにこんにちは！株式会社POLでエンジニアをやっている @show_kanamaru です！ POL は「研究者の可能性を最大化するプラットフォームを創造する」をビジョンに、理系学生に特化した採用サービス、および研究開発者・技術者に特化した転職/採用サービスの2サービスを運営しています。 今更ながら Amplify UI の新しいバージョンを触ってみたので、使ったみて学んだ tips を共有したいと思います！ 背景Amplify はアプリケーションを高速かつ簡単に構築できるサービスで、 UI Components も用意されています。この UI Components に提供されている Authenticator コンポーネントを使用することで、簡単に認証機能を実装することができます。 今までは Amplify UI のバージョン1系を使っていました。 バージョン1系でも新規登録、ログイ
Customization | Amplify UI for React
Headers & Footers The Authenticator has several "slots" that you can customize to add messaging & functionality to meet your app's needs. The following example customizes these slots with: Custom header above the Authenticator with the Amplify logo Custom footer below the Authenticator with © All Rights Reserved Custom Sign In header with Sign in to your account Custom Sign In footer with a Reset
Authenticator | Amplify UI for React
The Authenticator component adds complete authentication flows to your application with minimal boilerplate. Next.js 13.4+ introduces App Router with the usage of Server Components. Amplify UI components are interactive and designed to work on the client side. To use them inside of Server Components you must wrap them in a Client Component with "use client". For more info, visit Next.js third part
Local Storageに保管されるCognitoトークンへのセキュリティ対策 - Qiita
導入 Amplifyライブラリを用いてReactアプリにCognitoを統合する場合、デフォルト設定ではLocal StorageにCognitoのトークンが保管されます。 Local Storageへのトークン保管に否定的な意見を目にすることもありますが、個人的な意見としては適切なXSS対策を実施する前提でLocal Storageもトークン保管先として選択しうると思っています。 トークン保管先にLocal StorageではなくCookieを選択した場合でも、XSSには無力なため、開発の過程やサプライチェーンでXSS脆弱性を組み込まないことが重要。 そのうえで、スケーラビリティや一斉ログイン等の要件を踏まえた上で、適切な保管先を選択するのが望ましいはず。 (徳丸先生のSPAセキュリティ入門から多大なる影響を受けています) 本記事では、Amplifyライブラリ利用時にLocal Stor
Cognito ユーザプールで同一メールアドレスを持つユーザーを同時に E メール検証済みにできるかどうかを教えてください | DevelopersIO
困っていた内容 Cognito ユーザプールに同一のメールアドレス、別のユーザー名でユーザーを作成しましたが、E メール検証済みになっているのは片方のユーザーのみでした。 Cognito ユーザプールで同一メールアドレスを持つユーザーを同時に E メール検証済みにできるかどうかを教えてください。 どう対応すればいいの？ Cognito ユーザプールで同一メールアドレスを持つユーザーを同時に E メール検証済みにすることはできません。 E メールアドレスはエイリアスとして設定されます。次に、E メールアドレスが重複しているユーザーが作成されます。E メールアドレスがエイリアスとして設定されている場合、email_verified 属性として E メールアドレス値を保持できるのは 1 人のユーザーのみとなります。 上記仕様より、ForgotPassword のように検証済みの E メールまたは
User Authentication With AWS Cognito: The Good, The Bad And The Ugly - Zeile7
User Authentication With AWS Cognito: The Good, The Bad And The Ugly There are only a few things in software engineering I love and hate at the same time – most of the time it’s quite obvious and going strongly in one direction. PHP will always be a bad language to use for anything. For me AWS Cognito is special and one of those rare cases where I love and hate something at the same time. It’s ver
Amazon SNSでSMS送信の使用制限に抵触したので上限を引き上げてみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、Amazon SNSでSMS送信の使用制限に抵触したので上限を引き上げてみました。 トピックでイベントを発行しても、サブスクリプションのSMSにメッセージが届かない 最近案件でSMS送信を扱う機会があり、SNSトピックにSMSのサブスクリプションを登録してメッセージ送信を行う検証をしていました。 Amazon SNSでメッセージフィルタリングポリシーに合致したサブスクリプションにのみSMSを送信する | DevelopersIO AWS LambdaとAmazon SNSで引数に指定した電話番号にSMSを送信する仕組みを作ってみた（AWS CDK） | DevelopersIO 最初は問題なく動作していたのですが、途中からイベント発行をしてもSMSのメッセージ送信が行われなくなる事象が発生しました。 最初の十数通程度は問題なくSM
AWS Amplify フレームワークの使い方Part2〜Auth実践編〜 - Qiita
はじめに AmplifyのAuth関係で提供されているAPIについて解説していきます。まだ未検証のAPIも多く存在していますが、下記の内容がわかれば、ログインフォームくらいは実装ができると思います。 Auth API一覧 APIの一覧をまとめています。基本的には、import { Auth } from 'aws-amplify'をインポートしておいて、 Auth.〇〇という形で使います。基本的に非同期処理で行いたいので、 asyncをつけた関数の中で、awaitをすべてつけて実行しています。 ログイン周り系API signUp const userData = await Auth.signUp( userId, // 一意なID、すでに使われている場合はエラーになります passward, // cognitoで定めたパスワードポリシーに則ったパスワード email // メールアドレ
Amplify SDK のAuthライブラリ解説
Authまわり知見貯まるまでは結構むずいので僕のわかる範囲で解説していきます。 公式リファレンス Authライブラリはamazon-cognito-identity-jsのラッパーライブラリ Authライブラリはamazon-cognito-identity-jsのラッパーライブラリです。こちらの機能をamplify向けにインターフェース変えたものです。と解説しようと思ったのですが、GitHubのレポジトリはamplify-jsに統合したみたいですね... フロントエンド用のAPIとバックエンド用のAPI amplifyの他にAWS SDKにはCognitoライブラリが提供されています。以下のドキュメントと先ほどあげた公式リファレンスを比べてみてください。 同じ内容が書いてあることに気づきましたでしょうか？違いといえばAWS SDKのCognitoライブラリのほうには、admin???とい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction | Amplify UI for React
【AWS】Amplify・Vue3での認証機能構築方法
Secure your Spring Boot App with Json Web Tokens and OAuth 2.0 provided by AWS Cognito
Resource Server with Cognito