【Express.js Cognito】アクセストークン検証用の認証ミドルウェアを実装する
この記事では、Express.js アプリケーションに AWS Cognito を使用し、アクセストークンを検証する認証ミドルウェアの実装方法を説明する。AWS Cognito はセキュリティが強固で広く使用されている認証サービスであり、Webアプリケーションやモバイルアプリケーションでのユーザー
Ei2faJSDbTPC
記事一覧
記事数
146
【Express.js】AWS SDKを使用したCognito認証処理（ログイン、トークン更新）
Express.jsアプリケーションにて、「AWS SDK for JavaScript V3」を使用して認証処理を実装する方法を記載する。今回は、usernameとpasswordを使用したログイン処理を事例に解説する。環境{ "dependencies"
【Express/MongoDB/Docker】DB接続、データ登録・取得手順
前回の記事「DockerとExpress.jsを用いたアプリをElastic Beanstalkにデプロイする手順」では、Express.jsを使用してシンプルなWebアプリケーションを開発し、それをDockerでコンテナ化する手順を解説した。今回は、ExpressアプリとMongoDBを
DockerとExpress.jsを用いたアプリをElastic Beanstalkにデプロイする手順
本記事では、Node.jsのフレームワークであるExpress.jsを使用してシンプルなWebアプリケーションを開発し、それをDockerでコンテナ化した後、AWSのElastic Beanstalkを使ってデプロイする一連のプロセスを解説する。環境"express&qu
【Redux Toolkit】非同期データ取得、保持、加工をStoreに集約する
シングルページアプリケーションの開発に際し、データの取得、保持、加工をストアに任せる設計を経験した。実際に経験したのはNuxt3のPiniaだが、ReactのReduxでも同じことができるだろうということで忘備録として記録する。参考にしたRedux公式ドキュメント: 『Redux Esse
サーバーとクライアントでReduxを連携する方法【Next.js14】
環境"typescript": "^5""next": "14.0.3","react": "^17.0.0 || ^18.0.0","react-dom
【Next.js14】「Redux」を使って状態管理を実現する手順
この記事では、Next.jsとTypeScriptを使用して、ページを跨いだ状態管理ができるReduxの実装方法を説明する。参考にした公式ドキュメント: https://redux.js.org/usage/nextjs環境"typescript": &
Next.jsでライブラリを使用せずにXMLサイトマップを生成する方法
この記事では、Next.jsを使用してライブラリを使わずにXMLサイトマップを生成する方法と、サイトマップの各要素がSEOにどのような役割を果たすのかについてアウトプットする。開発環境"next": "14.1.0","react
Next.jsでプログラミングスクールの口コミサイトを開発
Reactの勉強を兼ねてNext.jsでプログラミングスクールの口コミサイトを開発した。https://develop.d3u1mwn0bgdpjl.amplifyapp.com/採用した技術フロントエンド: Next.jsバックエンド: AWS Amplify
【Next.js14】Middlewareを使用して未認証ユーザーをログイン画面にリダイレクトさせる方法
Next.jsのMiddlewareは、リクエストが完了する前にコードを実行する機能である。今回は、リクエストが完了する前にユーザーの認証状態をチェックし、未認証の場合はログイン画面にリダイレクトさせる処理を実装した。私はAWS Amplifyを使用してアプリケーションを開発しているが、a
【CloudFront×Lambda】WordPressをヘッドレスCMSとしてNuxt3でブログを構築する
WordPressをヘッドレスCMSとして利用し、フロントエンドにNuxt3を採用してブログを構築した。この記事では、そのシステム構成やディレクトリ構成、使用したライブラリについて詳しく解説する。さらに、NuxtアプリケーションをAWS Lambdaにデプロイし、静的ファイルをS3にアップロードし
【AWS SDK for Java】Pinpointのエンドポイント一覧取得処理
AWS Pinpointを利用して、ユーザーのエンドポイント情報を取得する際、AWS SDK for Javaを使うことで効率的な処理を実装することができる。この記事では、AWS SDK for Javaを使用してAmazon Pinpointのエンドポイント一覧を取得する方法を詳しく解説する。環
【Java】開発環境構築手順
環境構築Java Development Kit (JDK) をインストールJava JDKのインストールまず、Java Development Kit (JDK) をインストールする。Oracle JDKやOpenJDKなどから選択する。VS Codeに「Jav
【flutter】locationを使用して端末の位置情報を取得する方法
Flutterアプリケーションでデバイスの位置情報を取得するために、locationライブラリを活用する方法を解説する。この記事では、開発環境の設定から、AndroidおよびiOSでの位置情報取得の実装手順、さらには発生したエラーの対処法までを詳しく説明する。位置情報を利用したアプリケーション開発
iOSビルド失敗: EXC_BAD_ACCESS (code=1, address=0x0)の対処法
MacOSのバージョンをVenturaからSonomaにバージョンアップし、XCodeも14.xから15.xにバージョンアップした際にビルドエラーが発生したため、解消法を忘備録として記載する。開発環境MacOS Sonoma 14.1Xcode - develop for
【Flutter×Amplify】Push通知機能実装 iPhone編
AWS Pinpointを使用して、iOSデバイスにPush通知を送信する方法を解説する。この記事のゴールは、Apple Developer Programの設定から始め、FlutterとAmplifyを組み合わせた環境で、実際にiOSデバイスでPush通知を受信できるようにすることだ。手順に沿っ
【iOS開発】Failed to install one or more provisioning profiles on the device
Flutter×Amplify環境でアプリを開発しており、Apple Developer portalからプロビジョニングプロファイルをインストールし、ダブルクリックした際に以下のエラーが発生した。Step 5: Create a Provisioning Profile
キーチェーンアクセスにCertificateを追加する際に【エラー: 25284】が発生
証明書署名リクエストを作成し、キーチェーンアクセスにCertificateを追加しようとした際に以下のエラーが発生した。証明書署名リクエストを作成する手順: 証明書の作成解決方法追加時に、ログイン or システムを選択することで問題なく追加できるようになる。
【Amplify×Flutter】Lambdaを経由してPush通知を送信する方法
前回解説した「【Flutter×Amplify】Push通知機能実装 Android編」では、ユーザーのデバイストークンを取得し、AWS Pinpointのコンソールからデバイスに対してPush通知をテスト送信する手順を解説した。しかし、アプリ開発の過程で欲しい機能というのは、ユーザーの操
【AWS】API GatewayとLambdaを連携させる手順
ユーザーのデバイスにPush通知を送信するために、以下のような構成でアプリを開発している。この記事では、API GatewayとLambda関数を連携させて、AWS Pinpointを使用したPush通知送信を実現するための手順を解説する。Cognitoを用いた認証も組み合わせて、認証されたユーザ
