Amplify には、AWS でフルスタックのウェブアプリやモバイルアプリを構築するために必要なものがすべて揃っています。フロントエンドの構築とホスティング、認証やストレージなどの機能の追加、リアルタイムのデータソースへの接続、デプロイと数百万人のユーザーへの拡張が可能です。
問題 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
Amplify has re-imagined the way frontend developers build fullstack applications. Develop and deploy without the hassle. Fullstack TypeScriptWrite your app's data model, auth, storage, and functions in TypeScript; Amplify will do the rest.
JavaScript, Android, Swift, and Flutter client code generation
TL;DR JWTはCookieを使った認証の代わりに使うのはきつい。 コードを静的にホスティングしているSPAの話。 JWTの有効期間を長くすれば危険で、短くすればUXが犠牲になるというトレードオフがある。 AWS AmplifyはlocalStorageにJWTを保存 悪意のあるThird partyライブラリが混ざっていたらJWTを抜かれる。 yarn.lockが依存している全ライブラリを監査することはつらい。 Auth0ではiFrameを活用してメモリ上にJWTを格納できる Auth0いいね😍 まくら Youtubeが大好きなHiCustomerの小田です。ちょっと遅いですが年明け最初のエントリーです。今年もテックブログをよろしくお願いします😎ちなみに、気分がいいので年明けに観ていたYoutubeのエントリーの中で一番おもしろかった動画を紹介します。世界中で有名な「Auld L
こんにちは!DA(データアナリティクス)事業本部 サービスソリューション部の大高です。 先日、下記エントリにて新しくリリースされたAmplify UIのAuthenticatorコンポーネントを試してみました。 このコンポーネントは国際化対応もしているようですので、今回は実際に日本語化を試してみたいと思います。 前提 下記のエントリで実施したAuthenticatorコンポーネントの表示までができていることを前提としています。 どうやって日本語化すれば良いのか? ドキュメントを見てみると、対応方法としてはこれまでと同じ方法で対応できそうです。 Authenticator | Configuration | Internationalization (I18n) 以下のようなコードで、I18n.putVocabulariesでtranslationsを読み込ませてから、I18n.setLan
はじめに 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 // メールアドレ
概要 ※2021/03/30現在の対応方法になります。 React, Amplify, Cognito でユーザー認証機能を実装したが、Cognitoのデフォルト表記では英語表記になっているため日本語にしてみた。 したこと ログイン画面・ユーザー新規登録・メールアドレス忘れ画面の日本語化対応 できていないこと 一部バリデーション文言の日本語化 Before After 対応内容 Amplify の I18n モジュールをimportし、日本語用の辞書を作成し、呼び出す。以上。 import { Translations } from '@aws-amplify/ui-components' ...... export const vocabularies = { ja: { [Translations.BACK_TO_SIGN_IN]: 'サインインに戻る', [Translations.
本記事のポイント Amazon Cognitoでサインイン・ログイン画面実装に利用するべき3つの理由を、注意すべきポイントと合わせてご紹介します。 また、実際にログイン画面を実装方法する方法も記載しております。ぜひご覧ください。 はじめに アプリやサービス開発者の皆様の中で「ログイン画面(サインイン画面)の作成を簡単に行いたい」「セキュリティに関わる実装の時間をなるべく少なくしたい」とお悩みの方も多くいらっしゃるのではないでしょうか。 そこで今回は、Amazon Cognito(以下、Cognito)を使った簡単なログイン画面の実装を通して、Cognitoを使うべき3つの理由をご紹介します! 記事前半ではCognitoの概要について、後半ではシンプルな認証の実装方法についてお伝えします。ぜひご覧ください。 Amazon Cognito(アマゾン コグニート)とは? Cognitoとは、認証
Registration 参加登録はこちら! https://pages.awscloud.com/JAPAN_FIELD_WEBINAR_awsamplify-meetup-2_20201127_7010z000001M5f4_LandingPage.html About the event Amplify Meetupは、AWS Amplifyに興味のあるすべてのエンジニアのためのコミュニティイベントです。AWS Amplifyはセキュアでスケーラブルなモバイルアプリケーションとウェブアプリケーションを構築するための開発プラットフォームです。AWS Amplifyの知見を共有して、日本語の情報を増やしていきましょう!Amplify MeetupではAWS Amplifyに関する情報交換と、AWS Amplifyの日本コミュニティの醸成を目的とし、様々なイベントを開催予定です。 第二回は
Amazon Web Services ブログ 【全資料まとめ&開催報告】Amplify Meetup #01 みなさんこんにちは!アマゾンウェブサービスジャパン株式会社 ソリューションアーキテクトの木村公哉(@kimyan_udon2)です。梅雨が明けて、気づけばお盆も明けた今日この頃ですが、皆様いかがお過ごしでしょうか? 7月31日に「Amplify Meetup #01」を開催しました。「Amplify Meetup」はAWS AmplifyのユーザーとAWS Amplifyに興味のあるエンジニアのみなさんでLTなどを通して盛り上がるコミュニティーイベントです。今回初めて開催しましたので、開催報告と合わせて「Amplify Meetupとは?」という点についてもご紹介いたします。 「Amplify Meetup」とは? 「Amplify Meetup」はAWS Amplifyに興味の
Privacy | Site Terms | © 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. navigation Amplify SNS Workshop へようこそ!本ワークショップでは Twitter ライクなソーシャルメディアアプリケーションの開発を通して、実践的に AWS Amplify について学ぶことが出来ます。 対象者 爆速で開発したいアプリ開発者 フロントエンド開発に入門したいサーバーサイドエンジニア ワークショップ全体像 本ワークショップは、スタートアップの調達ステージ別(シード/アーリー/ミドル/レイターなど)のシチュエーションを想定し進めていきます。 本ハンズオンでは以下イメージのようなアプリケーションが出来上がります。 Stage 1 - シードステージ(第1章 ~
Amplify/AppSyncとReactを利用したプロダクトで、Amplifyの認証(Cognito)を利用してログイン、登録フォーム、PrivateRouteを作成した際にハマった内容をご紹介します。 ども、もこ@札幌オフィスです。 昨年の年末からAWSJ様によるプログラム「APN Next Generation Engineer Leaders Dojo」(以下ANGEL Dojoと表記)に参加しています。 Amplify/AppSyncとReactを利用したプロダクトで、Amplifyの認証(Cognito)を利用してログイン、登録フォーム、PrivateRouteを作成した際にハマった内容をご紹介します。 ANGEL Dojoとは? ANGEL Dojoでは次世代を担うAPNの若手のエンジニアの方々に、擬似プロジェクトを通じてアジャイル、DevOps、モダンなアプリケーション開発
ステップバイステップの指示に従って、ユーザーが Wild Rydes フリートからユニコーンライドをリクエストできるシンプルなサーバーレスウェブアプリケーションを作成する このチュートリアルでは、ユーザーが Wild Rydes フリートからユニコーンライドをリクエストできるシンプルなサーバーレスウェブアプリケーションを作成します。アプリケーションの HTML ベースのユーザーインターフェイスによって、ユーザーはライドする場所を指定できます。またアプリケーションでバックエンドの RESTful ウェブサービスとやり取りすることにより、リクエストを送信して近くのユニコーンを手配できます。アプリケーションはさらに、ユーザーがユニコーンライドをリクエストする前に、サービスに登録してログインするための機能を提供します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く