[B! Firebase] orenonihongogayabaiのブックマーク

サービスワーカーとのセッション管理 | Firebase

フィードバックを送信サービスワーカーとのセッション管理コレクションでコンテンツを整理必要に応じて、コンテンツの保存と分類を行います。 Firebase Authは、サービスワーカーを使用して、セッション管理用のFirebaseIDトークンを検出して渡す機能を提供します。これには、次の利点があります。追加の作業なしで、サーバーからのすべてのHTTPリクエストでIDトークンを渡す機能。追加のラウンドトリップや遅延なしでIDトークンを更新する機能。バックエンドとフロントエンドの同期セッション。 Realtime Database、FirestoreなどのFirebaseサービス、および一部の外部サーバー側リソース（SQLデータベースなど）にアクセスする必要があるアプリケーションは、このソリューションを使用できます。さらに、同じセッションには、サービスワーカー、Webワーカー、または共有ワ

orenonihongogayabai 2021/09/02

リンク

Firebase AuthなどJavaScriptでAPIセッション用のトークンを得ることについて - Qiita

ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう（※ こちらの参照記事の内容自体に不備があるとか甘いとか指摘するものではないんですが、勝手に枕として使わせてもらいます）上記記事は、Firebase Authenticationが提供するJavaScript APIを使ってJWTのトークンを取得し、自前のサーバにHTTPのヘッダで送りつけて検証をさせることで、認証の仕組みをセキュアかつかんたんに実現しよう、という内容です。このようにJavaScriptのAPIでトークンを発行して自前バックエンドのAPI認証につかう方法はAuth0のSDKなどでも行われていますので、IDaaSをつかってSPAを開発する場合には一般的なのかもしれません。話は変わりますが、SPAの開発に携わっている方は「localStorageにはセッション用のトー

orenonihongogayabai 2020/08/19

リンク

VueとFirebaseの基本機能全部使ってぬるぬる動くポートフォリオサイトを作ったのでソースと解説 - Qiita

絵描きとかUXとかやりつつフロントもやってる「ゆき」です。ポートフォリオサイトは10年くらい前にMoveableTypeで作ったきり。最近流石に「これでフロントやってますとか言ったら絶対次転職できなくね？」と危機を感じたので0から作り直しました。サイト： https://pf.nekobooks.com/ ソース： https://github.com/yuneco/portfolio 機能・性能・運用を考えて作った結果、VueとFirebase(Web)の機能を一通り使ったサイトが出来上がりました。これからちょっと凝ったポートフォリオサイトを作りたい方向けに、どういう目的でどの機能を使ったのか、その時のポイントはなんだったのかを共有します。 2019.4.18追記春なので期間限定1で桜が咲くアニメーションを追加してみました。単体のアニメーションはテストページで試せます。複雑に見えるか

orenonihongogayabai 2019/02/05

リンク

Nuxt.jsとFirebaseを使って簡単なWebサービスを作る＜導入編＞ | non-standard world株式会社

こんにちは。エンジニアの高崎です。突然ですが、Webサービスをもっと気軽に作れたらいいのになと思ったことはありませんか？本格的にWebサービス構築の投資をする前に、需要確認のための動くプロトタイプを作りたいフルスクラッチで作るほどの予算はないんだけど、Webサイトにちょっとした会員限定機能をつけたいなど、私達のクライアント様にもそのような課題を抱えている方がたくさんいます。調査した結果、そんな場合の最適解が「Nuxt.js」というフロントエンドのフレームワークと「Firebase」というGoogleが提供しているクラウドサービスを組み合わせて作ることでした。この記事では「Nuxt.jsとFirebaseを使って簡単なWebサービスを作る」と題して、ハンズオンで簡単なノートを取るWebサービスを作る方法をお送りしたいと思います。 Nuxt.jsって？ SPA＊フレームワーク。Vue