SPAのログイン認証のベストプラクティスがわからなかったのでわりと網羅的に研究してみた〜JWT or Session どっち？〜 - Qiita
SPAのログイン認証のベストプラクティスがわからなかったのでわりと網羅的に研究してみた〜JWT or Session どっち？〜JavaScriptRailsJWT認証React SPAのログイン周りについて、「これがベストプラクティスだ！」という情報があまり見当たらないので、様々な可能性を模索してみました。 いろいろな状況が想定され、今回記載する内容に考慮の漏れや不備などがありましたら是非コメントでご指摘いただきたいです！特に「おすすめ度：○」と記載しているものに対しての批判をどしどしお待ちしております！ この記事でおすすめしているものであっても、ご自身の責任で十分な検討・検証の上で選択されてください。 前提 想定しているAPIは、 ログイン外のAPIにはPOST/PUT/DELETEのものがなく、GETのみ GETのAPIにはDBを更新するなどの操作がない とし、そのためログイン外では
Webアプリケーションのセッション管理にJWT導入を検討する際の考え方 - r-weblife
おはようございます、ritou です。 qiita.com これの初日です。 なんの話か 皆さんは今まで、こんな記事を目にしたことがありませんか？ Cookie vs JWT 認証に JWT を利用するのってどうなの？ JWT をセッション管理に使うべきではない！ リンク貼るのは省略しますが、年に何度か見かける記事です。 個人的にこの話題の原点は最近 IDaaS(Identity as a Service) として注目を集めている Auth0 が Cookie vs Token とか言う比較記事を書いたことだと思っていますが、今探したところ記事は削除されたのか最近の記事にリダイレクトされてるようなのでもうよくわからん。 なのでそれはおいといて、この話題を扱う記事は クライアントでのセッション管理 : HTTP Cookie vs WebStorage(LocalStorage / Sess
新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High
よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規模な状態管理などなどの条件が増えるので、Todoアプリを作っているときには考慮できていなかった大変さが出てくる。 そこで参考になるのが RealWorld example apps と呼ばれるプロジェクト 端的に言うと、TodoMVCの大規模版。 規定のスペックに沿って、様々なウェブフレームワークで作られたアプリケーションのリポジトリがリストアップされている。 スペックについて "Conduit" is a social blogging site (i.e. a Medium
node.js/expressでユーザ認証with JWT - Qiita
はじめに node + expressで以下のようなことをしてみます mongoDBに保存しているname/passでユーザ認証 認証OKならJWT形式のtokenを発行して返却 JWTトークンを使って認証要のAPIにアクセス これらをform認証でなく、CUrl等を利用してできるようにします。 このサイトにしたがって実施してみます 必要なもの node npm POSTman(api検証用のchrome extention) mongoDB サーバに実装するもの secureとsecure外のURL nameとpasswordによるユーザ認証 認証後にtokenを返却 ユーザは取得したtokenを保存、全リクエストに付与 tokenを検証、OKであればJSONで情報を返却 mongoDBのインストール(mac) # install brew install mongodb # mongo
React+MobX+Firebase-Authenticationでログイン/ログアウト機能を実装する - Qiita
はじめに 以前似たようなことをReact+Reduxでやってみています。 React+Redux+Firebase Authenticationでログイン/ログアウト機能を実装する (1) React+Redux+Firebase Authenticationでログイン/ログアウト機能を実装する (2) 最近、趣味の小規模プロジェクトだとReduxめんどくさいな、、と思い始めました。そこで、シンプルでいいよと聞くMobXを試してみることに。 まず手始めに、Reduxをつかってやってみたのと同じことをやってみようと思い、Firebase-Authenticationを使ったログイン/ログアウト機能をもつアプリケーションを作ってみました。 作成したものはk5trismegistus/react-mobx-firebase-loginにあります。 MobXとは MobXとは、Simple, sc
CognitoのWebサイトログインをES6で書く - Qiita
こういう人向けの記事 Amazon Cognitoを使いたい Webサイトにログイン機能を実装したい ES2015（ES6）で書きたい WebpackとかBabelとか使いたい ReactとかAngularとか使いたい Cognitoの素晴らしい点 機能がめちゃくちゃ充実（ユーザー認証まわりの機能ほぼ揃ってる） 開発コスト大幅削減（自分で作ろうとしたら数週間〜数ヶ月かかる） 運用コストゼロ（自動スケール、障害対応不要） 他社より安い（5万MAUまで無料、以降も比較的安い） AWSコンソール上でユーザー情報一覧を閲覧できる 何もしなくても日々進化してくれる Cognitoの残念な点 CognitoのJavaScript対応はまだまだ発展途上 不条理な仕様、ハマりどころが多々あることを覚悟する ES6、Promise等々を使うなら公式READMEに書かれてるコードはそのまま使えないので注意 日
Preact Authentication Tutorial
PreactPreact Authentication TutorialPreact is a fast 3kb React alternative with the same ES6 API. Learn how to build fast apps with Preact and add authentication the right way. TL;DR: Preact is a JavaScript library that offers a fast 3kb alternative to React with the same ES6 API. Currently, Preact has over 10,000 stars on GitHub. Preact gives the developer an edge to build super fast JavaScript w
React+Redux+Firebase Authenticationでログイン/ログアウト機能を実装する (1) - Qiita
はじめに 表題の通り、React+Reduxで作っているアプリにFirebase Authenticationによるユーザー認証システムをのっけてみようというものです。ログインにはGoogleアカウントを使用することにします。 アプリといってもあくまでログイン機能のサンプルなので ログインしていない場合はログインボタンが表示されており、そのボタンをおすとポップアップでGoogleアカウントログイン ログインしている場合は画面にユーザー情報を表示する だけのものです。 サンプルアプリのリポジトリは↓にあります。 https://github.com/k5trismegistus/react-redux-firebase-login リポジトリをみてもらえばわかりますが、ディレクトリ構造は次のようになっています。フロントエンドは家でちょろちょろいじる程度なのでよくわかってないです><。普通こう
Chrome ExtentionからOAuth.ioを使ってTwitterのAccessTokenを取得する。 - return $lock;
Chrome ExtentionからOAuth.ioを使ってTwitterのAccessTokenを取得する。 2014-02-15 JavaScript Twitter Tutorial: OAuth – Google Chrome chrome_ex_oauth.jsがTwitterで使えなくなっていたので、OAuth.ioのoauth-jsを利用してChrome拡張からTwitterのAccessTokenとSecretを取得してみました。 作業自体は10分あれば完了するというお手軽さです。あまりに簡単だったので感動しました。 ライブラリは以下を使用します。 oauth-io/oauth-js · GitHub 1. OAuth.ioでアプリケーション用のpublic keyを取得する。 OAuth.io – OAuth that just works. OAuth.ioに登録してP
JavaScript でハッシュアルゴリズム
Hash algorithm of JavaScript CRC16/32, MD2, MD4, MD5, SHA-1, SHA-256, RIPEMD-128, RIPEMD-160, RIPEMD-256, RIPEMD-320 IE4+, NN4.06+, Gecko, Opera Download CRC16/32 MD2 MD4 MD5 SHA-1 SHA-256 RIPEMD Sample CRC16 CRC32 MD2 MD4 MD5 SHA-1 SHA-256 RIPEMD-128 RIPEMD-256 RIPEMD-160 RIPEMD-320 Input Hash Memo マルチバイト文字から生成されるハッシュ値に疑問を持つかもしれませんが 内部では入力文字の文字コードは Unicode ですので あしからず。 ありえないと思われるので入力データが 0xFFFFFFF
livedoor Clipからdel.icio.usとはてなブックマークに同時投稿するGreasemonkeyスクリプト | Blog.37to.net
home blog labs about contact プログラミング・開発 > livedoor Clipからdel.icio.usとはてなブックマークに同時投稿するGreasemonkeyスクリプト del.icio.us Greasemonkey JavaScript LDC はてな 作成： 2007-01-03T12:26:03+09:00 更新： 2009-04-29T00:09:18+09:00 誰か作るだろうと思って、他力本願メソッドで待っていましたが、 まだ誰も作らないので、作りますた。 デザインリニューアルに伴い、スクリプトとかを置いていくコンテンツ「labs.37to.net」 を作ったので、インストールとかは下記からどうぞ。 livedoor Clipからdel.icio.usとはてなブックマークに同時投稿するGreasemonkeyスクリプト - labs.37t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
