【v2対応】Nuxt.jsとFirebaseを組み合わせて爆速でWebアプリケーションを構築する - Qiita
Firebase Advent Calendar 2017 21日目の記事です。 フリーランスでフロントエンドを中心にエンジニアをやっているpotato4dです。 普段はVue.jsを中心に、案件を進めたりコミュニティに関わったりしていますが、今回はそんなVue界隈で今アツいフレームワークであるNuxt.jsとFirebaseを組み合わせて、SPA + SSRにAuthと Firestore を組み合わせたアプリケーションを高速で作る方法を、サンプルとあわせてご紹介します。 2019/10/16 追記 このサンプルは Firestore が存在しない Nuxt v1.x + RTDB 時代のコードを愚直に移行している ので全体的に資料が古くなっています。 インフラ構成については順次更新していますが、特にデータストア操作周りについては できるだけ参考にしないでください。 2019/07/02
Angular+Cognitoで作るログインページ– ClassmethodサーバーレスAdvent Calendar 2017 #serverless #adventcalendar | DevelopersIO
Angular+Cognitoで作るログインページ– ClassmethodサーバーレスAdvent Calendar 2017 #serverless #adventcalendar 追記：２０１８年６月２４日 現時点の最新版で書き直しました。下記を参照ください。 AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~バックエンド編~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~フロントエンド編①~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~フロントエンド編②~ AWS Amplify+Angular6+Cognitoでログインページを作ってみる ~UI編~ どうも！大阪オフィスの西村祐二です。 このエントリはServerless Advent Calendar 2
Nuxt.js on AWS Lambda with Serverless Framework - mya-ake com
この記事についてこの記事はVue.js #2 Advent Calendar 2017 - Qiitaの 12 日目の記事です。 この記事では Nuxt.js（v2.6.2）を AWS Lambda で動かす方法について書いています。 Nuxt.js に関する説明もありますが、全体的にサーバー構築寄りの内容になっています。 しかし、Node.js で AWS にデプロイまでできる Serverless Framework というツールを利用しており、サンプルコード の npm scripts を実行するだけで AWS 上に環境を作れるようにしています。（AWS への登録と Credential の生成は必要です） ご興味のある方はそちらも参照してみてください。 また、先に断っておくとこの記事では API Gateway をエンドポイントとします。 API Gateway をエンドポイントす
『実践AWS Lambda』サポートサイト | マイナビブックス
このページは『実践AWS Lambda』のサポートページです。 書籍詳細ページへ お知らせ 「AWS Summit Tokyo 2017」で本書をご購入いただいた方で、シリアルコードを入力すると「ご入力いただいたシリアルコードは使用済みです。」と表示されてしまう場合、お手数ですが、pc-books@mynavi.jpまで、メールにてお問い合わせいただけますでしょうか。 その際、本文のどこかに配布したシリアルコードの番号を記載してください。 お手数をおかけして申し訳ございません。 サンプルファイル 本書の7章で使用しているサンプルファイルは、こちらよりダウンロードできます。 補足情報 2017/１１のアップデートにより、AWS Lambdaのコンソール画面が大きく変更になりました。 以下では、Chapter3の「3-1 Hello World」について、画面変更後の操作を紹介します。 ●La
Node.js と AWS (S3・Lambda・SES）を使って CLI アップローダを作ってみた
Tweet AWS の API であそぶ ちかごろ、業務で本格的に AWS と向き合う機会が増えてきました。AWS の API を使いこなしていろいろなものが作れるようになりたいなと思ったので、前から遊んでみたかった Lambda を使って、CLI で使えるファイルアップローダを作ってみました。 ファイルの受け渡しがめんどくさい問題 ファイルアップローダは巷にたくさんありますが、たいていがブラウザベースで、わたしにとって使いやすいものではありません。CLI でシュッとファイルをアップロードしてメール送れたらな〜と常々思っていたのですが、ある日天啓が。 「AWS の API の勉強がてら、S3 と Lambda と SES を組み合わせたらできるのでは!?」 その勢いで Lambbit というツールを作りました。Lambda でサポートされている言語は、Python・JavaScript (
ブラウザからS3に直接アップロード（Security Token Service利用） - Qiita
ブラウザのJavaScriptから直接S3にアップロードする方法。 サーバサイドに実サーバがあれば、サーバにアップ=>サーバからS3にアップするのが何も考えなくていいので楽だと思うのですが、AWS API Gateway / lambda等を使うシステムだと、そういう中継ができないので、大きなファイルなどをアップロードする場合はブラウザから直接S3にアップロードする形が必須になります。 そんな時に必要な手順を調べました。 軽く調べてみると、 JavaScript内にAWSのAccessKey/SecretKeyを埋め込んで、aws-sdk経由でアップロード サーバサイドでS3の編集権限のあるユーザでS3の署名付きURLを取得し、ブラウザサイドに送る サーバサイドでS3の編集権限のある時限ロールをSecurity Token Service（以下STS)で取得、それによりS3の署名付きURL
GitHub - takuros/aws-application-book: Amazon Web Services クラウドネイティブ・アプリケーション開発技法のサンプルアプリの公開用リポジトリです
Browser Uploader Demo
Cognito + S3 Direct Uploading Demo Source Code https://github.com/takeyuweb/browser-uploader-demo しくみ アップロード ブラウザでアクセス Amazon Cognitoの匿名ユーザー機能を利用して、AWSリソースへのアクセス権を与える Cognitoから取得した認証情報を使ってS3にファイルをアップロード S3へのファイルアップロードイベントをAWS Lambdaファンクションに通知 Lambdaファンクションで、DynamoDBにファイルの情報を登録 ダウンロードリスト ブラウザでアクセス Amazon Cognitoの匿名ユーザー機能を利用して、AWSリソースへのアクセス権を与える Cognitoから取得した認証情報を使ってDynamoDBにアクセスし、ファイルのリストを取得 Upload
Amazon Cognito + AWS JavaScript SDKで作るサーバ不要のアップローダ - タケユー・ウェブ日報
ずっと気になってたAmazon Cognitoを使ってみました。 Cognitoを使うと、アプリ側だけでAWSへのアクセス権を与えることができます。 これを利用して、サーバインスタンスなしにいろいろなことができるようになります。 ありがちな例ですが、今日はブラウザから直接S3にファイルをアップロードしてそのURLを表示する、というものを作ってみましたので、よろしければ参考にどうぞ。 7/21 追記 アップロードしたファイルをLambdaでDynamoDBに登録して、一覧表示できるようになりました。 デモ http://browser-uploader-demo.s3-website-ap-northeast-1.amazonaws.com/ CognitoでS3へのアップロード権限を取得 AWS JS SDKでS3へ直接アップロード S3へのアップロード時にLambdaファンクション実行
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vue-cliで作成したSPAにシンプルにCognitoログインを組み込む - Qiita
