【爆速】React+Amplify+AppSyncでリアルタイム掲示板アプリを15分で作り上げる 〜これが最高のDeveloper Experienceだ〜 - Qiita
【爆速】React+Amplify+AppSyncでリアルタイム掲示板アプリを15分で作り上げる 〜これが最高のDeveloper Experienceだ〜JavaScriptAWSReactamplifyAppSync Railsを使って15分でブログアプリを作り上げる動画が一斉を風靡したのはもう何年前でしょうか。 私はまだその頃Developerですらいなかったですが、いまその動画を見ても感動してしまいますね。 Webのアーキテクチャは進化し、API非同期通信、フロントエンドとバックエンドの分離、仮想DOMによるフロントエンド描画、GraphQLバックエンドの台頭といった具合に圧倒的な進化を遂げてきました。 では、この技術スタックを使ってRailsを使ってブログアプリを作り上げることと同様のことがどれだけの開発効率で実装できるのでしょうか？ 今回はAmplifyCLIとReactを使っ
Next.js × AWS App Runner × AWS AppSyncで進めるクライアントファーストのWEB開発
2023/09/23に開催されたServerlessDays Tokyo 2023で登壇した資料です
Auth0で保護されたAWS AppSync(GraphQL)をReactからApollo Clientで利用する方法をチュートリアルとしてまとめた | DevelopersIO
Create React App（CRA）を使ってアプリケーションを生成します。任意の作業用ディレクトリに移動後、下記のコマンドを実行します。 再現性を高めるために、パッケージのバージョンを固定してインストールしています。 npx create-react-app@3.4.1 --template typescript react-appsync-protected-by-auth0 cd react-appsync-protected-by-auth0 React RouterとAuth0のSPA用SDKをインストールします。 yarn add react-router-dom@5.1.2 @auth0/auth0-spa-js@1.8.1 yarn add -D @types/react-router-dom@5.1.2 Auth0をReactで利用する為のCustom Hookを作成
「AmplifyとAppSyncでモダンでイケてるWebサービスを爆速で立ち上げようぜ 」を話しました #devio2020 | DevelopersIO
こんにちは、もこ@札幌オフィスです。 6月16日より、クラスメソッドの年次技術イベント「Developers.IO 2020 CONNECT」を開催しています。期間は2020年6月16日（火）から7月7日（火）、テーマごとに7日間の日程に分けて開催、セッションはなんと合計100本以上あります。 私は、6月23日（火）のライブセッションの3本目を担当しました。登壇の内容についてはこちらをご覧ください。 登壇動画 ライブセッションだけでなく多数の技術について動画を公開しています。下記のYouTubeチャンネルの登録もお願いします。 登壇資料 Q&A Q1. Amplifyを使うことでインフラ側がブラックボックスになってしまい、セキュリティ上の不安や仕様考慮漏れによる不具合が怖いのですが、どうすればそういった不安を拭えますか？ 確かに脆弱性や不具合がある可能性は無きにしも非ずですが、自前で全てを
Effective AppSync 〜 Serverless Framework を使用した AppSync の実践的な開発方法とテスト戦略 〜 - Qiita
Effective AppSync 〜 Serverless Framework を使用した AppSync の実践的な開発方法とテスト戦略 〜JavaScriptAWSGraphQLserverlessAppSync AppSync は AWS が提供するマネージド GraphQL サービスです。Amplify と統合することにより、スキーマさえ宣言すれば GraphQL の Query, Mutation, Subscription コードを自動生成します。バックエンド GraphQL エンドポイントやデータソースを構築し、即座に動く環境が手に入ります。 こちら は過去の記事ですが、リアルタイム掲示板アプリの主要機能を 15 分で作った例を紹介しています。 PoC のように使用する分には Amplify CLI を使用してサクッと開発してしまう方法が効果的ですが、実際のプロダクト開発で
AWS Amplifyで30分でGraphQL環境を用意してAndroidとつなぐぞっ！つかまれッ！ - 怠惰を求めて勤勉に行き着く
こんにちは！本エントリは「AWS Amplify Advent Calendar 2019」の記念すべき第1日目です！ このエントリではAWS Amplifyを使ってユーザ認証機能付きのリアルタイムチャットアプリを30分で作ってみたいと思います。 AWS Amplifyとは AWS Amplify（以下Amplify）を初めて耳にする方、ご安心ください！ Amplifyはスケールするモバイルアプリおよびウェブアプリを最速で構築するためのサービス／ツール群です。 aws.amazon.com Amplifyは API機能の簡単な追加 認証機能の簡単な追加 画像／文字認識などのAI機能の簡単な追加 オフラインのデータ同期 これらを利用するためのライブラリやUIコンポーネント などを含んでおり、モバイルアプリやウェブアプリを開発して実際にサービスを提供するのに必要なフロントエンド／バックエンドを
Lambda無しでGraphQLのAPIを作ろう！！AppSyncをAWSサービスのプロキシとして利用してみる | DevelopersIO
Lambda無しでGraphQLのAPIを作ろう！！AppSyncをAWSサービスのプロキシとして利用してみる 先日のブログでAppSyncのHTTPデータソースとしてStep Functionsを利用する構成をご紹介しました。AppSyncのデータソースとしてネイティブに対応していないサービスであっても、HTTPデータソースを介してAppSyncと連携させることが可能です。 この例のようにAppSyncをAWSサービスのプロキシとして構成することで、CRUD操作のような単純なオペレーションに関してはわざわざLamdbaを使わなくてもAPIを実装することが可能です。AWSとしてもre:inventのセッション等で「LambdaはTransformのために使い、Transportに使わない」ことがベストプラクティスだと発信しており、Lambda無しで実現できることは極力Lambdaを使わない
Serverless Meetup Japan Virtual #17 の登壇資料です。 https://serverless.connpass.com/event/205099/
Privacy | Site Terms | © 2021, Amazon Web Services, Inc. or its affiliates. All rights reserved. navigation Amplify SNS Workshop へようこそ！本ワークショップでは Twitter ライクなソーシャルメディアアプリケーションの開発を通して、実践的に AWS Amplify について学ぶことが出来ます。 対象者 爆速で開発したいアプリ開発者 フロントエンド開発に入門したいサーバーサイドエンジニア ワークショップ全体像 本ワークショップは、スタートアップの調達ステージ別(シード/アーリー/ミドル/レイターなど)のシチュエーションを想定し進めていきます。 本ハンズオンでは以下イメージのようなアプリケーションが出来上がります。 Stage 1 - シードステージ(第1章 ~
AWS AppSyncキャッシングとAmazon DynamoDBトランザクションのサポートによりGraphQL APIのパフォーマンスと一貫性が更に向上します | Amazon Web Services
Amazon Web Services ブログ AWS AppSyncキャッシングとAmazon DynamoDBトランザクションのサポートによりGraphQL APIのパフォーマンスと一貫性が更に向上します AWS AppSyncはGraphQLのマネージドサービスで、単一または複数のデータソースのデータに安全にアクセスしたり、操作したり、結合するための柔軟なAPIを作成でき、アプリケーション開発をシンプルにすることができます。多くの場合、異なったデータソースは異なったユースケースに合わせて最適化され、データが配信されるスピードも異なっていることでしょう。その基になるGraphQLスキーマで定義されているデータフィールドもかなり多様です。 たとえば、eコマースアプリケーションでは、在庫量を表すデータフィールドは頻繁に更新されますが、顧客プロフィールの更新は時々です。トランザクションIDに
こんにちは、コンサルティング部のキムです！ 当エントリはDevelopers.IOで弊社コンサルティング部による『AWS 再入門ブログリレー 2019』の19日目のエントリです。 昨日は中川の「AWS再入門 Amazon Elastic File System編」でした。 このブログリレーの企画は、普段AWSサービスについて最新のネタ・深い/細かいテーマを主に書き連ねてきたメンバーの手によって、 今一度初心に返って、基本的な部分を見つめ直してみよう、解説してみようというコンセプトが含まれています。 AWSをこれから学ぼう！という方にとっては文字通りの入門記事として、またすでにAWSを活用されている方にとってもAWSサービスの再発見や2019年のサービスアップデートのキャッチアップの場となればと考えておりますので、ぜひ最後までお付合い頂ければ幸いです。 では、さっそくいってみましょう。19日
navigation Migrate an existing applications RESTful API’s to GraphQL using AWS Amplify and AWS AppSync Welcome! In this workshop you will take an existing stock trading application written with React and AWS Amplify. you will convert its existing RESTful API from REST ( Amazon API-Gateway ) to using GraphQL ( AWS AppSync ). In doing so you will also explore the benefits that GraphQL API's have ove
インシデントレスポンスのライフサイクルを廻すポイントってなに / Pinpoints of Incidentresponse Lifecycle for Operation
「注文サービスをサーバーレスで作ってみた」JAWS DAYS 2020登壇資料 #jawsug #jawsdays #jawsdays2020 | DevelopersIO
「注文サービスをサーバーレスで作ってみた」JAWS DAYS 2020登壇資料 #jawsug #jawsdays #jawsdays2020 本記事ではAWS上の分散トランザクションを構築する方法を紹介させて頂きたいと思います。あと、そのトランザクションの結果をストリーミングさせ、クライアントにデータが自動で連携される仕組みについても紹介させて頂きます。最後に、私が作ってみたサービスのフルコードのGithubレポジトリーを共有致します。 本記事は、オンラインで開催された「JAWS DAYS 2020」の登壇記事となります。 はじめに こんにちは、コンサル部のテウです。 去年の年末年始休暇中、マイクロサービスのいろんな実装パターンについて勉強をしましたところ、分散トランザクションのことにすごく興味が出来ました。そもそもトランザクションの意味だけが分かっていたレベルだったのですが、もっと詳し
概要 AWS Amplify Advent Calendar 2019、19日目はAWS Amplifyの新機能MockingでGraphQL API開発スピードを爆上げする方法について書いていきます！ Amplify Mockingとは 2019.08.07に発表されたAmplify CLIの新(というにはいささか時間が経ってしまった)機能です。$ amplify pushはAWS CloudFormationのスタックの参照と変更を行うため、それなりに時間がかかってしまいます。$ amplify mockコマンドを使用すると、$ amplify pushでクラウドリソースに変更反映する前に、変更後の動作確認をローカル環境で行うことが可能です。 現在Mockingが提供されているCategoryは、以下の3つです。 api(GraphQL): AWS AppSync + Amazon D
サーバレスアーキテクチャの選択肢として、AWSのAmplify、GoogleのFirebaseが有力な候補となっているのではないでしょうか。 実際にAmplify・Firebaseの両者に触れ、比較・検討して得られた知見をまとめました。 ※直近プロダクトの開発にAmplifyを採用して進めてきたので、Amplifyを軸に記事を書いています。 API連携 AmplifyとFirebaseとで異なる特徴のひとつにAWS AppSync（GraphQLをすぐに利用できるフルマネージドサービス）を利用できる点があります。 自前でGraphQLを構築するのは手間がかかりますが、AmplifyのAPIモジュールは「AWS AppSync」をサポートしているので簡単に構築できます。DynamoDBやLambdaとのアクセスもシームレスに行えるので非常に便利です。 以下はその他のAppSyncのメリット
AppSync とは？ GraphQL というAPI仕様を用いて「柔軟なAPI」を提供するAWSのマネジメントサービス ちなみに、従来の REST API 形式だと AWSは API Gateway を提供している GraphQL とは？ Facebookが開発しているWeb APIのための規格 「クエリ言語」 と 「スキーマ言語」 からなる REST API は、1URLに対し1つのAPIや情報を提供できるのに対し、 GraphQL は欲しいデータを以下のようなクエリとして発行すると、欲しいデータを欲しいObject形式で得ることができます AppSyncの仕組み AppSyncは直接DynamoDBの値を取得・更新・削除することができます 従来のAPI Gatewayだと、AWS Lambda が間に必要でしたが、 AppSyncは Lambda レス でDynamoDBへのアクセスが
Amplify & GraphQLでのデータモデル設計事例集 - BioErrorLog Tech Blog
AWS Amplify & GraphQLでのデータモデル (スキーマ) 設計例をまとめます。 はじめに スキーマ設計例 Todoアプリ イベントアプリ チャットアプリ Eコマースアプリ WhatsAppクローン Redditクローン マルチユーザーチャットアプリ インスタグラムクローン カンファレンスアプリ おわりに 関連記事 参考 はじめに こんにちは、@bioerrorlogです。 最近、AWS Amplifyに注目してします。 Amplifyはフルスタックなサーバレスアプリを素早く作ることが出来るプラットフォームで、プロダクト開発の生産性を高めることが出来ます。 AmplifyプロジェクトのAPIを GraphQL (AppSync)で構築するときには、データモデルをスキーマschema.graphqlに定義する流れになります。 このGraphQLのスキーマ設計はリレーショナルデー
GraphQLにおけるSubscription処理について(実装例: Amplify + AppSync) - Qiita
はじめに こんにちは ! KDDI アジャイル開発センターの小板橋です。 この記事は、KDDI Engineer Advent Calendar 2020の15日目の記事となります。 GraphQLの記事はよく見かけますが、GraphQLにおけるSubscription処理についてはあまり目にすることがありません。そこで本記事は、Subscriptionに着目したもので、実装時の助けになれれば幸いです。 GraphQLについては、以前事細かく書いたので、そちらをご覧ください。GraphQL入門 仕組み realtime API pub/subのような仕組みのAPIをrealtime APIというらしいです。 参考: GraphQL Subscription このrealtime APIなのですが、大きく分けて3つのタイプに分類されます。 1.ポーリング クライアントは、定期的にリクエストを
熱心な REST 信者、が 挑んだ AppSync/GraphQL API 開発 | Slides | Riotz.works
「Serverless Meetup Japan Virtual #14」にて発表した際のスライドです。
この記事は AWS LambdaとServerless #1 Advent Calendar 2019 の20日目の投稿となります。 AppSync使ってますか？ この記事ではAPI Gatewayと比較をしながら，AppSyncのオススメポイントやTipsを紹介したいと思います。 AppSyncのオススメなポイント３選 DynamoDBやElasticsearchに対するオペレーションはLambdaいらず 一度のリクエストで必要なレスポンスを全て得られる 簡単にPub/Subが行える DynamoDBやElasticsearchに対するオペレーションはLambdaいらず 皆さん，そもそもサーバレス好きですか？ サーバレスって，ミドルウェアのパッチ適用とかの保守や，スケーリング，リカバリなどなど，元々はユーザ側が責任を負うべきことがらをまるっとクラウドベンダーが面倒見てくれて，ユーザは自分
Effective AppSync ~ Serverless Framework を使用した AppSync の実践的な開発方法とテスト戦略 ~ / Effective AppSync
Effective AppSync ~ Serverless Framework を使用した AppSync の実践的な開発方法とテスト戦略 ~ / Effective AppSync
[AWS AppSync] エッジデバイスのデータを AWS IoT経由で取得してGraphQLを更新してみました。 | DevelopersIO
[AWS AppSync] エッジデバイスのデータを AWS IoT経由で取得してGraphQLを更新してみました。 1 はじめに CX事業本部の平内（SIN）です。 AWS AppSync(以下、AppSync)は、GraphQLを利用するためのマネージド型サービスです。 今回は、このGraphQLへのMutationをAWS IoT経由で取得したデータで行うものを試してみました。 最初に動作している様子です。 デバイスからのデータをiOSで表示するだけなら、MQTTのPublishとSubscribeだけで充分だと思うのですが、ここは、今後の拡張を視野に入れて、敢えてGraphQLを挟むという事にさせて下さい。 2 構成 構成は、以下のとおりです。 エッジデバイスのデータは、MQTTでPublishされています。AWS IoTでは、ルールにより、到着したデータをすべてLambdaに送っ
Amplify+AppSync+AuroraServerlessを一ヶ月半使って分かった苦労話｜F Lab｜Fixel株式会社
Amplifyを使えば、バックエンドの構成を意識せずにWebアプリやモバイルアプリが作れる。そんなふうに考えていた時期が私にもありました。 Amplify + AppSync + AuroraServerlessを主軸として開発を行っていますが、まぁ色々とハマるポイントが多いです。しかも、まだ歴史が浅いので情報が少ない！
どうも、コンサル部のもこ@札幌オフィスです。 当エントリは弊社コンサルティング部による『AWS 再入門ブログリレー 2020』の 10日目のエントリです。 このブログリレーの企画は、普段 AWS サービスについて最新のネタ・深い/細かいテーマを主に書き連ねてきたメンバーの手によって、 今一度初心に返って、基本的な部分を見つめ直してみよう、解説してみようというコンセプトが含まれています。 AWS をこれから学ぼう！という方にとっては文字通りの入門記事として、またすでに AWS を活用されている方にとっても AWS サービスの再発見や2020年のサービスアップデートのキャッチアップの場となればと考えておりますので、ぜひ最後までお付合い頂ければ幸いです。 では、さっそくいってみましょう。10日目のテーマはAWS Amplifyです。 AWS Amplifyとは？ AWS Amplify(以下Am
【レポート】Serverless/AppSync によるモバイル開発の今 #AWSSummit | DevelopersIO
AppSyncとは AmazonのマネージドGraphQLサービスである GraphQL APIとREST APIの違い。例えばどのようなものがあるか？ 「post」「comments」「authors」の三つの種類のデータを取得する機能をAPIで提供したいケースがあったとすると、 REST APIの場合 /post /comments /authors それぞれに1つづつエンドポイントを用意することになり、3回もNWコールが必要 GraphQL APIの場合 /graphql 1回のみNWコールが必要 GraphQLのオペレーション Query：取得 Mutations：変更 Subscriptions ：通知 リアルタイムにMutationの通知を取得する（これが特徴！GraphQLを使う理由は主にここにあるでしょう） AppSyncの主な特徴のまとめ マネージドサービスであること デ
AWS AppSyncのGraphQL Subscriptionsのクライアントを作って裏側の仕組みを学ぶ｜AWS｜開発ブログ｜株式会社Nextat（ネクスタット）
top > 開発ブログ > AWS > AWS AppSyncのGraphQL Subscriptionsのクライアントを作って裏側の仕組みを学ぶ こんにちは、ナカエです。 マネージドなGraphQLサーバを手軽に作れるAWS AppSyncがじわじわと人気を集めてきているようですね。 AppSync APIのクライアントとしては公式のSDKたるAmplifyを利用すると楽ちんです。 が、しかし今回はAppSyncのGraphQL Subscriptions実装の仕組みを確認するため、Node.jsとWebSocketクライアントを使ってリアルタイム通信のクライアントを実装しました。 GraphQLのスキーマとAppSync API の認証モード 本記事のサンプルはトピックごとにメッセージを投稿/受信する簡易なチャットルームアプリを想定しています。 Mutationはメッセージの投稿に、S
「AWS Amplifyなら新規モバイルWebアプリを高速に作れる」─AWSジャパンが事例を紹介 | IT Leaders
IT Leaders トップ ＞ テクノロジー一覧 ＞ 開発ツール／プラットフォーム ＞ 事例ニュース ＞ 「AWS Amplifyなら新規モバイルWebアプリを高速に作れる」─AWSジャパンが事例を紹介 開発ツール／プラットフォーム 開発ツール／プラットフォーム記事一覧へ [事例ニュース] 「AWS Amplifyなら新規モバイルWebアプリを高速に作れる」─AWSジャパンが事例を紹介 2019年7月23日(火)日川 佳三（IT Leaders編集部） リスト アマゾン ウェブ サービス ジャパン（AWSジャパン）は2019年7月23日、説明会を開き、モバイルWebアプリケーションを迅速に開発するためのサービス「AWS Amplify」の事例を2件紹介した。学習支援アプリを開発しているtyottoと、料理動画アプリを開発しているCookpadTVが登壇し、AWS Amplifyの活用のポ
AWS CDKをさわれば触るほど、素晴らしさに気づけます。 今回は、AWS CDKを使ってAppSyncとDynamoDBを使用したサービスを作ってみたいと思います。 本記事では、TypeScriptの使用方法や、CDKの基本的な使い方は紹介しません。 もくもくと、CDKでAppSyncを使うまでにしたことを記載します。 また本ブログで使用した、AWS CDKのバージョンは1.3.0です。 プロジェクトの初期設定 AWS CDKのスタックを作成するための初期設定を行ないます。 個人の趣向ですが、cdk initをせずにプロジェクトの設定を行います。 $ mkdir cdk-appsync-101 && cd $_ $ git init $ npm init -y $ npm i @aws-cdk/{aws-appsync,aws-dynamodb,aws-iam,core} $ npm i
【AWS Amplify ノウハウ】 7. Custom Resolver も積極的に活用しましょう！ | DevelopersIO
【AWS Amplify ノウハウ】 7. Custom Resolver も積極的に活用しましょう！ 2020.08.06 追記 @function ディレクティブをつけることで以下の作業が自動化されます。 詳細は公式ドキュメントをご参照ください。 @function ディレクティブについて イントロ こんにちは！コンサル部のテウです。 AWS Amplify シリーズの7番目の記事です！本記事では、Amplify API を使う時の基本的に生成してくれる resolver ではなく、カスタマイズした resolver を作って使いたい時にどうすればいいのかについて説明します。 それでは始めます！:D カスタム resolver はなぜ必要ですか？ Amplify API で自動に生成してくれた resolver も有用であり、このぐらいのレベルの resolver でも、大体の場合、サ
Create real-time applications via serverless WebSockets with new AWS AppSync GraphQL subscriptions filtering capabilities | Amazon Web Services
Front-End Web & Mobile Create real-time applications via serverless WebSockets with new AWS AppSync GraphQL subscriptions filtering capabilities With AWS AppSync you can create serverless GraphQL APIs that simplify application development by providing a single endpoint to securely query or update data from multiple data sources, and leverage GraphQL subscriptions to implement engaging real-time ap
こうした課題を解決するのは「AWS Amplify」になる。AWS Amplifyは2年前に発表された開発者向けのサービスで、コマンドからサーバーレスなバックエンドを構築するAWS Amplify CLI、UIコンポーネントやライブラリを使ってフロントエンドアプリを開発できるAmplify Framework、Webアプリを自動デプロイできるAmplify Consoleから構成されている。 このうちAmplify CLIは、「やりたいこと」にシンプルなコマンドで呼び出すと、最適なサーバーレスバックエンドを構築してくれる。Amplify CLIのコマンドからマネージドGraphQLゲートウェイであるAppSyncを叩くと、データソースとのやりとりが容易になる。また、analysticコマンドを叩けば、ユーザー動向やイベント、属性情報を得られるAmazon Pinpointが利用できる。ほか
AWS AppSyncでGraphQL【実践編その2 Subscription】 | フクロウラボテックブログ | Fukurou-labo Tech Blog
お疲れさまです！フクロウラボ若杉です。 ほんと、時間が過ぎるのが早いですね〜。この1,2年はそうなんですが、一方で、プライベートでも様変わりしているせいか、1年前が3,4年位前のような感じもしている今日このごろです。 さて、前回は、 AWS AppSyncでGraphQL【実践編その１（Vue＋Amplify＋Cognito）】 ということで、Amplifyを使ってメモアプリを作成しました。 今回は、GraphQLのSubscriptionを使ってサーバープッシュなアプリを作ってみようと思います。 前回作ったメモアプリ�を改良して作ろうかと思ったのですが、そもそもメモアプリはCognitoでの認証が入って本人しか見られないコンテンツなため、今回のサンプルにはマッチしなさそうだったので、ゼロから普通の掲示板を作って、更新したタイミングで他に閲覧しているユーザーへもリアルタイムに更新をかけると
AWS AppSyncでサーバーレスなリアルタイムデータ同期
この記事は「Eureka Advent Calendar」 20 日目の記事です。 こんにちは。今年2月にeurekaにJoinしたBackend チームの金井です。入社からあっという間に時が過ぎ、あと 2 月ほどで入社から 1 年経つんだなあと思うと感慨深いです。 昨日の記事はBackendチームの山下さんによる「Goでのオススメエラーハンドリング手法」でしたが、本記事では AWS AppSync(以下 AppSync)について紹介します。自分はPairs の新しい機能実装に向けていくつか技術調査をしているのですが、最近ではAppSync 周りを調べる機会が多かったので、Advent Calendar の題材として記事を書いてみることにしました。 AWS AppSyncフルマネージド型の GraphQL サービスです。GraphQL API の開発を色々と自動化してくれます。GraphQ
どうも、じゃがです！ 本記事は AWS Amplify Advent Calendar 2020 の9日目のエントリになります 2020年はAmplify iOS, AndroidのGA、Amplify JSのSSR対応やFlutterのDeveloper Preview、そしてAmplify Admin UIの登場など、Amplifyのアップデートが楽しい一年でしたね！ 今回はGraphQL APIのユニットテストを書くノウハウについてまとめてみたいと思います！ 想定読者 AmplifyでGraphQL APIのテストを書きたい人 テストが要件に入ってくる開発でもAmplify使いたい人 Amplify の基本的な使い方については解説しませんのでご了承ください。手を動かしてAmplify学びたいとうかたは、以下のWorkshopもご参照ください https://amplify-sns.w
どうも！大阪オフィスの西村祐二です。 最近Auth0をよく使っています。また、AWS AppSyncはエンドポイントにOIDC認証を設定できます。そこで、今回はAuth0を認証プロバイダーとした、AWS AppSyncエンドポイントにOIDC認証を設定する方法を紹介したいと思います。 やってみる Auth0の設定 ▼Auth0のコンソール画面からAPIを作成します。 ▼APIの名前とIdentifierの設定とアルゴリズムがRS256になっていることを確認してAPIを作成します。 名前とIdentifierは各々自由な名前を設定してください。 ▼APIと一緒にアプリケーションも作成されているので、そこでもアルゴリズムがRS256になっていることを確認します。 これでAuth0側の設定は完了です。 AppSyncの設定 ▼AWSのコンソール画面からAppSyncのサービス画面へ移動しAPIを
[アップデート] AWS AppSync で AWS WAF が利用可能になったので IP 制限してみよう | DevelopersIO
「API Gateway に出来て、なんで AppSync には出来へんのや・・・」と枕を濡らした夜もあったよね。それも今日までだ。 本日のアップデートにより AWS AppSync で AWS WAF を利用できるようになりました！ AWS AppSync adds support for AWS WAF AWS AppSync の AWS WAF 対応 従来、AWS AppSync のセキュリティ機能としては「APIキー認証」「IAM認証」「OpenIDConnect認証」「Cognito認証」といった 4 つの認証を提供していますが、それ以外の IP 制限といった機能はありませんでした。 今回 AWS WAF サポートによって IP 制限は勿論のこと XSS、SQL インジェクション、Rate Limit など様々な観点での Web の脅威から AppSync GraphQL API
AWS Ampliy の DataStore を使ったら AppSync のデータアクセスがめちゃくちゃ楽になった - Qiita
概要 AWS Amplify Advent Calendar 2019、23日目は 今年のre:Inventで発表されたAmplifyのDataStoreについてです。本記事ではサンプルコードの実装にReactを用いていますが、基本的な考え方はVueなどの他のフレームワークでも同じです。 想定読者 Amplify 使ったことがある AppSync 使ったことがある Amplify DataStore の概要 まずは簡単に DataStore についておさらいします。DataStore は AWS AppSync に接続するための新たなインターフェースです。DataStore は以下のような特徴を持ちます。 1. クラウドへのデータ同期、及び競合検知 端末のネットワーク状況(オンライン or オフライン)を検知して、端末がオンラインになったら自動的にローカルデータをクラウドに同期し、データの
AWS AppSync + Amazon DynamoDB + React で簡易チャット WEB アプリをつくる
サービスID 単位でデータを取得するため、サービスID をパーティションキーにする。 書込日時でデータを並べ替えしたいが、完全な同時刻に複数のユーザが書き込みするとデータが一意にならなくなるため、書込日時に # 区切りでユーザ名を付加したものをソートキーにする。 日時データは ISO8601 フォーマットにした。JavaScript で扱いやすいため。 最低限必要なデータのみにしたため、シンプルでわかりやすいと思います。 AWS AppSync の設定 アプリからは以下 3 つのオペレーションを実行します。AWS AppSync は GraphQL という言語を使い、アプリ側では Query、Mutation、Subscription という 3 種類のクエリーが使用できます。AWS AppSync 側ではそれを受けるためのスキーマという設定が必要になります。 指定したサービスID のデー
AWS AppSync GraphQL APIs Supports JavaScript Resolvers | Amazon Web Services
AWS News Blog AWS AppSync GraphQL APIs Supports JavaScript Resolvers Starting today, AWS AppSync supports JavaScript resolvers and provides a resolver evaluation engine to test them before publishing them to the cloud. AWS AppSync, launched in 2017, is a service that allows you to build, manage, and host GraphQL APIs in the cloud. AWS AppSync connects your GraphQL schema to different data sources
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初めてのAWSフルサーバーレス開発で困ったこととそこから得た知見
Amplify SNS Workshop
AWS再入門ブログリレーAppSync編 | DevelopersIO
REST to GraphQL Workshop :: AppSync Workshop
サーバレスでVODとECをリニューアルして、さらにくっつけてみました！
GraphQL API開発スピードを爆上げするAWS Amplify Mockingことはじめ - Qiita
Amplify vs Firebase 比較してみた - Qiita
AppSync & GraphQL 入門 - Qiita
まだAPI Gatewayで消耗してるの？AppSyncのススメ - Qiita
AWS再入門ブログリレー AWS Amplify編 | DevelopersIO
AWS CDKでAppSyncのスタックを作ってみた | DevelopersIO
アプリ開発者を「やりたいこと」に向かわせるAWS Amplify
Amplify Mockingを利用してGraphQL API のユニットテストをする - Qiita
AWS AppSyncでAuth0を認証プロバイダーとしたOIDCを設定する | DevelopersIO
www.j-cast.com
news.tv-asahi.co.jp
gentosha-go.com
bipblog.com
kahoku.news
note.com/ryoichi_ishii