AWS Amplifyを使ったVueアプリケーションへの認証追加 | 株式会社ブリスウェル ベトナム
AWS Amplifyとは AWS AmplifyはAmazonにより提供されているオープンソースのフレームワークであり、一緒にまたは単独で使用できるツールおよびサービスを含めています。 それらの ツールの一つとしての Amplify Authは使用すると、安全な認証をすばやく設定し、アプリケーションへのユーザーのアクセスを制御することができます。 Amplifyフレームワークは、主な認証プロバイダーとしてAmazon Cognitoを使用します。Amazon Cognitoは、ユーザー登録、認証、アカウント回復、およびその他の動作を処理する強いユーザーディレクトリサービスです。 AWSアカウントの作成 AWS Amplifyを使用するには、AWSアカウントを開設する必要があります。AWSアカウントを持っていない場合はここを見てアカウントを作成してください。 プロジェクトの作成 Vue C
Amplify tutorial (Vue.js3.2,JavaScript）
要約 ライブラリが新しい場合、公式サイト通りに行えばよいのはステップ1まで 一部コマンドを叩いた結果は公式と同じ状態にはならない。でも大した問題ではない。 Amplify CLIでつかうコマンド(configure,init,add api,add auth,add hosting) 公式のチュートリアル を試します。 今回の全体リポジトリ team-provider-info.jsonは公開リポジトリでは共有するなと書かれてあるので.gitignoreに追加しています。 開発環境は前回の記事を参照お願いします。 この環境を使えば@aws-amplify/cliと@vue/cliがインストールされています。 この記事を書いているときのcliのバージョンは7.6.22です。 Prerequisites(Step1) まずAmplify CLI のコマンド amplify configureで
dayjournal | Try #067 – AWS AmplifyとAmplify UI VueとVue 3でログイン機能を構築してみた
AWS AmplifyとAmplify UI VueとVue 3でログイン機能を構築してみました！ 以前の記事では、Vue.js v2用のAmplify UI Components「ui-vue」を利用していました。今回は、Vue 3の「ui-components」でログイン機能を構築してみました。 事前準備 AWS AmplifyとVue 3の環境構築 AWS Amplify #002 - 環境構築 全体構成 バックエンド - ユーザー管理 Amazon Cognito フロントエンド - ログイン機能 AWS Amplify Vue.js v3 バックエンド まずは、バックエンドを構築していきます。 AWS Amplify #003 - 認証機能を追加 認証機能のみであればこの2コマンドで実装可能です！ amplify add auth amplify push これでバックエンドの構
AWS Amplify + Vue.js 3.0チュートリアルをやってみた | DevelopersIO
今年2月に、AWS AmplifyでVue.js 3.0がサポートされました。 どんな感じなのかな〜と気になっていたところ、公式っぽいチュートリアルを発見したので、やっていこうじゃないかというわけです。 はじめに（Getting Started） このチュートリアルでは、バックエンドをセットアップし、Webアプリに統合するまでガイドしていきます。TodoアプリをGraphQL APIで作成し、クラウド・データベースからアイテムを保存・取得し、リアルタイム・サブスクリプションを通してアップデートを受けとっていきます。 前提要件（Prerequisites） 初めに以下をインストールします。AWSアカウントをもっていない場合は、AWSのサインアップも必要です。 Node.js v12.x or later npm v5.x or later git v2.14.1 or later 今回の使用
サーバーレスを使用して最初の６ヶ月で学んだ６つのこと - Qiita
こちらの記事は6 things I’ve learned in my first 6 months using serverlessの和訳になります。 サーバーレスの世界は適切なツールさえ見つければミドルレイヤーを省けるのでとても良いものです。 10月に行われたServerlessconfの後、自分の会社を全てサーバーレスにすることに決めました。最初の２ヶ月は Python Flask appにLambdaを導入するのに必死でしたが、そのおかげでより良い方法を思いつきました。 そして６ヶ月後、私たちにとって４番目に大きいプロジェクトをサーバーレスでデプロイすることになったのです。以下の内容がデプロイするまでに私たちが学んだ教訓、意見です。 レッスン１ Pythonの使用は避けましょう Flaskは昔ながらのリクエスト、レスポンスのスタイルで、サーバーによって管理されるセッションがあるWeb
Vue.jsとAWSでつくる、シングルページの家計簿アプリ - Qiita
概要 作ったもの 最近お金が減るのが早くなった気がしたので、家計簿をつけようと思い立ちました。アプリをダウンロードしてきてもよいのですが、せっかくなので自分で作ることにしました。 タブレット、スマホ、パソコンのどれでも見れるようレスポンシブ対応を行ったのですが、タブレット(iPad)からみると以下の画像のようなものになっています。 チャート画面 記入画面 取引一覧画面 構成 静的ファイルはAWSのS3にホスティングし、お金のやり取りに関する情報はRDSに貯め、情報の追加・削除・修正にはLambdaとAPI Gatewayを用いて作ったAPIを通して行います。LambdaのコードはPythonで書いています。 簡単な図にすると、以下の画像のようになります。 共通部分 フロントエンド フロントはVue.jsを使って実装します。以下の画像の赤枠で囲った部分に表示するコンポーネントを切り替えます（
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
