[B! aws][cognito] opparaのブックマーク

[AWS]Cognitoの概念を整理

CognitoはAWSが提供する、認証・認可の仕組みだよ認証は、その人が誰なのか、を確認するよ認可は、その人が権限を持っているか、を確認するよ Cognitoを使うとこの認証・認可を簡単に導入することができるよ Cognitoには2つの概念があるよユーザープール IDプールユーザープールユーザープールは認証を管理する仕組みだよユーザープールは、Cognitoで認証した（SignUpした）ユーザーが溜まっていく場所だよユーザープールには、認証の方法がたくさん用意されているよ Username/Passwordによる認証 GoogleやTwitterなどのOIDC認証 SAML認証 etc. Client側はユーザープールに対して、ユーザー登録APIを叩くよユーザープールにユーザーが作成されると、Cognitoが一意のIDを割り振るよ Cognitoからは、sub値にユーザーI

oppara 2023/01/07

cognito
aws

リンク

Cognitoで電話番号・メールアドレス変更時、前の値を保持できるようになりました | DevelopersIO

こんにちは。データアナリティクス事業本部サービスソリューション部の北川です。今回は、Cognitoで新しく追加された「属性変更の確認」を試してみたいと思います。この機能によって、メールアドレスや電話番号変更時に変更前の値を保持できるようになります。 Cognitoでメールアドレス変更時の問題 Cognitoでは、メールアドレスの変更（updateUserAttributes）を実行すると、コード検証を行う前に、実行したタイミングでメールアドレスが切り替わってしまうという問題がありました。 Github上でも、かなり前からこの問題に対して議論されていたようです。内容を見て分かる通り、今回、その問題を解消するための機能が追加されました。属性の変更の確認というタイトルの新しいセクションがAmazonCognitoコンソールに追加されました。この機能をアクティブにすると、更新が保留されてい

oppara 2022/06/11

リンク

外部ユーザが安全かつ直接的に Amazon S3 へファイルをアップロードできるようにする方法 | Amazon Web Services

Amazon Web Services ブログ外部ユーザが安全かつ直接的に Amazon S3 へファイルをアップロードできるようにする方法このブログは 2022 年 3 月 24 日に Anderson Hiraoka (Solutions Architect) と、Rafael Koike (Principal Solutions Architect) によって執筆された内容を日本語化した物です。原文はこちらを参照して下さい。企業では、ファイルや画像などのデジタル資産をリポジトリに保存することが求められることが多くあります。多くの場合、これらのファイルのソースは、社内システムに接続されていないパートナーまたは個人であり、ファイルをアップロードするためには、企業の認証が必要となります。お客様は従来、ファイルのアップロードを処理するためにサーバーを使用していましたが、大量のネットワー

oppara 2022/05/01

リンク

Amazon Cognito Identity Poolの外部プロバイダとしてFirebase Authenticationを使う - Sweet Escape

はじめに AWSには認証・認可のサービスとしてAmazon Cognitoというものが存在します。ややこしいのですが、認証のためのコンポーネントがAmazon Cognito user pools(以下、user pool)で認可のためのコンポーネントがAmazon Cognito identity pools (以下、identity pool)です。ちなみにidentity poolのほうはfederated identityと表記されている場合もあります。そのうち、今回はidentity poolの話です。 identity poolは認証機構は持たず、大雑把にいうと任意のログインプロバイダで認証されたユーザに対してIAMロールが設定されたidを紐付けた上でテンポラリのAWSクレデンシャルを提供するといったサービスです。この任意のログインプロバイダとしてFacebook、Twit

oppara 2022/04/12

リンク

EC2とALBでコンテンツを配信している環境にCognitoで認証を追加してみました | DevelopersIO

こんにちは、コンサル部＠大阪オフィスのTodaです。 EC2とALBを使ってコンテンツを配信している中で、全てのページまたは一部のページを許可したユーザのみ掲載したいという要望を受けた場合、ログインのシステムを作りコンテンツをログイン済みのみ参照できるようにする方法があると考えます。今回はシステムを作らず設定のみでEC2とALBに認証を実装してみます。ユーザの管理はcognitoを利用しておこないます。変更予定のイメージ図制限事項今回ALBとCognitoを連携して認証を実装いたします。実装時に利用できるサインアップ・サインイン画面は英語のみの表示になりデザインはロゴ画像など変更箇所が制限されます。前提条件 ALBとEC2によりWebサイトが表示される状態から対応いたします。コンテンツの配信はHTTPS通信にておこなっている状態から対応いたします。 Cognitoの準備につ

oppara 2021/11/10

リンク

CognitoユーザープールでGoogleアカウントでサインインできるようにする | DevelopersIO

CognitoのユーザープールとGoogleのOAuthを連携させてソーシャルサインイン可能にします。概要 CognitoのユーザープールのフェデレーテッドIDプロバーダーとしてGoogleを設定します。この設定を行うことで、Googleアカウントを利用してサインインが可能になります。今回はAWSの公式ドキュメントを参考に作業していきます。全体の流れ以下のような流れで設定を行います。ユーザープールの作成 GoogleでのOAuthの設定ユーザープールでのフェデレーテッドIdPの設定 1 ユーザープールの作成 1.1 ユーザープールの作成はじめにユーザープールを作成します。このユーザープール内にアカウントが作成されます。今回は「GoogleExample」という名前で作成します。簡略化のためデフォルト値で作成します。最終的な設定は以下のようになります。 1.2 アプリ

oppara 2021/11/07

リンク

Amazon CognitoユーザープールLambdaトリガーでALB認証のメールアドレスを制限する | DevelopersIO

AWS ALBの認証機能にCognitoユーザープールを指定し、トリガーのLambda関数でメールアドレスを制限する仕組みをご紹介します。ども、大瀧です。先日リリースされたALBの認証機能、ブログではGoogle認証と連携する様子をご紹介しました。ただこの構成は任意のGoogleアカウントの認証を通してしまうので、Google Appsの自組織のメールアドレスのみ許可したいというような業務向けのユースケースだとターゲット側で認可機能を実装しなくてはならず、片手落ち感がありました。そこで本記事では、認証先にCognitoユーザープールを設定し、Lambdaトリガーでメールアドレスを制限する構成をご紹介します。構成の目的と概要 ALBの認証機能を用いて、Webアプリケーションへのアクセスを制限します。前回の記事で指定したOpenID ConnectによるGoogle認証の代わりにAm

oppara 2021/09/05

リンク

AWS CDKでCognito認証されたAPI Gateway(HTTP API)を構築する | DevelopersIO

はじめにおはようございます、加藤です。今回はAWS CDKを使ってAmazon API Gateway(HTTP API = v2)にAmazon Cognitoを使って認証を設定する方法をまとめてみます。また作成されたAPIに対してOpenAPI定義を作成し、それをSwagger UIでプレビュー&(認証された状態で)API呼び出しする方法も合わせて説明します。リポジトリのセットアップ aws-cdkコマンドを使ってリポジトリを生成します。 mkdir cdk-demo-apigw-with-cognito cd cdk-demo-apigw-with-cognito npx -p aws-cdk cdk init app --language typescript 必要な依存関係をインストールします。 npm i -D \ @aws-cdk/aws-api gatewayv2 \

oppara 2021/07/18

リンク

Cloud MapとECSを使ったAPI Gatewayでのpreflightリクエスト対応を行う | DevelopersIO

はじめにデータアナリティクス事業本部のkobayashiです。 ECSで構築したサービスをAPI GatewayのHTTP APIとCloud Mapのプライベート統合で呼び出す仕組みを作っています。その中でAPI GatewayへのアクセスをCognitoで認証したユーザーだけが使えるという制限をかけようとしていたところ、API Gatewayの設定でハマってしまったのでその内容と解決方法をまとめます。構成図 Cognitoで認証されたユーザーがCognitoで発行されたIdTokenのJWT認証を使ってAPI Gatewayを呼び出します。API GatewayのHTTP APIへ来たリクエストについてはCloud Mapを使ってECSへ流すという仕組みです。またこのAPIはウェブアプリからaxiosで呼び出すことを想定していました。行った作業とエラーにハマるまで上記のAPI

oppara 2021/07/10

リンク

AWS CLIで動かして学ぶCognito IDプールを利用したAWSの一時クレデンシャルキー発行 | DevelopersIO

「Cognito IDプールってやつはAWSリソースへのアクセスを制御する認可部分を担当しているらしいけど、いったいどういう理屈でそうなってるんだ…？」そんな自分の疑問からAWSのドキュメントを読み実際に手を動かして得られたCognito IDプールに対する理解をまとめました。「Cognito IDプールってやつはAWSリソースへのアクセスを制御する認可部分を担当しているらしいけど、いったいどういう理屈でそうなってるんだ…？」そんな自分の疑問からAWSのドキュメントを読み手を動かして得られたCognito IDプールに対する理解を、 AWS CLIで再現できる形にまとめてみました。 Cognito IDプールでAWSの一時クレデンシャルキーを発行することによって、Cognito IDプールの世界からIAMの世界へ落とし込めると、だいぶイメージが付きやすいんじゃないかと思います。 AW

oppara 2021/06/16

リンク

cognitoを使ってログイン画面を作ってみた！〜ログイン画面作成〜（作業メモ） - Qiita

. └── www ├── js │ ├── amazon-cognito-identity.min.js │ ├── aws-cognito-sdk.min.js │ ├── jsbn.js │ ├── jsbn2.js │ ├── mypage.js │ └── sjcl.js ├── login.css ├── login.html ├── mypage.css ├── mypage.html └── signup.html ログイン画面の作成サンプルのレイアウトはこちらを利用しました。 cssも作成して置いておいて下さい。サンプルのTHML情報をテンプレートに埋め込んだだけ。前回取得したIdentity pool ID（loginAppって名前で作ったやつ）、cognito-identityで作成したApp client idを使用します <!DOCT

oppara 2020/10/28

aws
cognito

リンク

Amazon Cognitoを使ったサインイン画面をつくってみる～アクティベーション＆サインイン編～

サインアップしたはいいものの、アクティベーション処理をしなければ作成したユーザーは使うことができません。今回の記事では、前回の続きでアクティベーション処理とサインイン処理を実装したいと思います。今回は、HTMLやJavaScriptを用いたクライアントアプリの実装がメインになります。前回のおさらい簡単に前回のおさらいをします。サインアップすると、Amazon Cognitoのユーザープールにユーザーが作成されます。ただし、ステータスが「UNCONFIRMED」となっています。そして、登録したEメールアドレスに検証コードが書かれたメールが送信されてきます。この検証コードでアクティベーション処理を行い、完了後にはサインインができるようになります。アクティベーション処理の実装まずはアクティベーション処理を実装します。まずはアクティベーション画面の実装ですが、必要なJavaScript

oppara 2020/10/28

aws
cognito

リンク

CloudFront + S3 + Cognito + AWS Amplify + Vue.js で会員制サイトをサーバーレスで構築 | ハックノート

ホーム / サーバーレス / CloudFront + S3 + Cognito + AWS Amplify + Vue.js で会員制サイトをサーバーレスで構築

oppara 2020/10/28

リンク

Cognito 組み込みWebページ＋S3だけで動的サイトを作る - Qiita

Cognito 組み込みWebページとはログイン機能のSaasって感じ。つまりWebサイトのログイン部分のコーディングは不要。・認証に必要なUI（表裏）は用意してくれる・利用者は、不特定多数のユーザを想定している感じ。・認証後のトークンを使えば、ログインユーザがAWS認証して各種APIを使えるとりあえず、ここではCognitoで認証して、S3公開サイト側で認証結果を表示するところまで作る所用時間10分程度やること Cognitoで作れる認証サイトでログインを行った後、S3の公開サイト内の自作マイページに行き自作マイページ内で、AWS認証を実施する。

oppara 2020/10/28

リンク

Amazon Cognitoを使ったサインイン画面をつくってみる～サインアップ編～

同じ部署のメンバーとAWSのサービスを使ったWebアプリを開発することになったのですが、どうせやるならサーバーレスでやりたい！サーバーレスかっこいい！という満場一致の可決により、サーバーレスなWebアプリを開発することになりました。 Webアプリと言えば、やはり一番最初の入口はサインイン画面になるわけですが、はて、どうやったらかっこよくできるのか？と考えて調べた結果、どうやらAmazon Cognitoというものが使えそうだということに。画面はHTML/CSS/JavaScriptで開発しようと決めていたのですが、Amazon CognitoはJavaScriptからも使えるとのこと！ということで、今回はJavaScriptからAmazon Cognitoを使ってみたいと思います。 Amazon CognitoとはそもそもAmazon Cognito（コグニート）とは何者なのか？ですが