あるSEのつぶやき・改

ITやシステム開発などの技術に関する話題を、取り上げたりしています。

React Native+Expo+AmplifyでCognito認証を行う

React Native + Expo でも Amplify はサポートされています。 下記記事は、Expo で Amplify を使用する公式の解説になっています。 blog.expo.io この記事では、React Native + Expo + Amplify で Cognito 認証を行う方法をご紹介します。なお、言語は TypeS…

Solved,[Unhandled promise rejection: Error: No credentials, applicationId or region]

Expo + Amplify で iOS Simulator を実行しところ以下のエラーが表示されました。 [Unhandled promise rejection: Error: No credentials, applicationId or region] - node_modules/@aws-amplify/analytics/lib/Providers/AWSPinpointProvider.js:189:76 in <unknown></unknown>…

React Native+ExpoでTypeScriptを使用する

React Native + Expo で TypeScript を使用するのは、以前は面倒だったようですが、今の Expo のバージョンだと簡単ですね。 Expo をインストールします。 $ npm install expo-cli --global $ expo --version 3.0.2 Expo のプロジェクトを作成します。 $ exp…

ndenvが時代遅れになったのでnodenvにNode.jsのバージョン管理を移行する

久しぶりにndenvに新しいNode.jsのバージョンをインストールしようと思ったら使い方を忘れてて、ndenvのサイトにアクセスしたら、こんな記述が。 [Deprecated] nodenv is better alternative Please consider to use nodenv. ndenv repository is not mainta…

React+AmplifyのCognitoサインアップで電話番号を無効にする方法

React + Amplify + Cognito のサインアップ画面では、デフォルトで電話番号が必須項目になってしまいます。 Congnito のユーザープールでは、必須項目になっていないのにもかかわらず。 ですが、この電話番号を無効にする方法があります。 その方法は簡単で…

React+Amplify+Cognito認証のアプリでExcelをS3にアップロードしLambda(C#)で読み込む

はじめに 前の記事で、React+Amplify+Cognito認証のアプリで画像ファイルをS3にアップロードするまで行いました。 www.aruse.net この記事では、Excel ファイルを S3 にアップロードし、S3 のトリガーで Lambda 関数(C#)を起動し、Excel ファイルを読み込ん…

React+Amplify+Cognito認証のアプリで画像ファイルをS3にアップロードする

はじめに 前の記事で、React+Amplify+Cognito認証のアプリで自動デプロイするところまでご紹介しました。 www.aruse.net 今度は、Amplify の Storage という機能を使用して S3 にファイルをアップロードする方法をご紹介します。 前の記事のプロジェクトに機…

AWS Amplifyのデプロイ先に基本認証を追加する方法

AWS

AWS Amplifyのデプロイ先には、ID とパスワードの基本認証を追加することが簡単にできます。 [アクセスコントロール] > [アクセスの管理] から、基本認証の設定ができます。 すべてのデプロイ先か、ブランチごとに基本認証を設定することができます。 これ…

AWS Amplifyのデプロイ先に独自ドメインを指定する方法

AWS

はじめに AWS Amplify では、リモートリポジトリにコミットしたら自動デプロイできますが、デフォルトでは amplifyapp.comのサブドメインにデプロイされます。これを独自ドメインにデプロイすることもできます。 ですが、ドメインのDNSプロバイダーが ANAME…

React+Amplify+Cognito認証のアプリを自動デプロイまで行う

はじめに React のSPA(Single Page Application)アプリに、AWSのAmplifyライブラリとCognito認証を組み合わせたものを、BitbucketというGit サービスにコミット後、Web アプリとして自動デプロイする方法を見ていきたいと思います。 事前に、Bitbucket で de…