Node.js+Express+MongoDBでSessionを利用する、をちょっと整理して理解を試みた - 自習室
まえおき 前回までの記事で、Node.jsのアプリ上で4sqAPIを叩いて色々出来る下地が整ったのですが、ユーザアカウントの切り分けなどは全く考慮していないので、このままだとユーザAさんがOAuthした後にユーザBさんがサイトにアクセスするとBさんは何もしなくても自動的にAさんのチェックイン履歴が見られる、というファンタスティックな事態に陥ります。 今回はいったん前回までのFourSquareAPIの話は忘れて、上記問題に対してsessionの作法をExpressアプリ上に実装することで対応しようと勉強をした内容をまとめます。 参考にさせていただいた記事様 今回は、こちらの記事様をベースとして勉強しました。 Node.js+Express+MongoDBでSessionを利用してログイン機能を実装 - Qiita その中でわかりにくかった部分などをピックアップしてまとめておきます。 Git
Node.js+Express+socket.ioでリアルタイムチャットを作ってWeb Appsに無料ホスティングする（yarnも試してみた） - Qiita
Node.js+Express+socket.ioでリアルタイムチャットを作ってWeb Appsに無料ホスティングする（yarnも試してみた）Node.jsSocket.ioAzureExpressWebApps Node.jsのフレームワークといえばExpressが有名です。そしてSocket.io+Node.jsという組み合わせもやはり有名です。これらを使ってチャットを作ってみます。 僕が運営しているdotstudioの裏側ではAzure Web Appsを使っていますが、今回のチャットも同様にWeb Appsでホスティングしてみます。 筆者の環境 macOS Sierra 10.12 Node.js v7.0.0 (出たばかりですね) yarn v0.16.1 Express 4.14.0 socket.io 1.5.1 npmでもいいですが、それだと前の記事と全く同じになりそうなの
やさしいnode.jsアプリケーション - Qiita
はじめに Webアプリケーションを作る手段はLAMPだけではありません。 ちょっとしたものであればnode.js + express + SQLite3を使えば驚くほど簡単に作ることができます。 ここでは例として簡易版twitterのようなミニブログを作ります。 必要となる知識 コマンドラインツールの扱い方 HTML, JavaScript SQL このエントリを読んでできること node.jsを使って短時間でWebアプリケーションを作る このエントリを読んでもできないこと 小規模でないWebサービスを作って運用する WebSocketを使ってリアルタイムWebアプリケーションを作る アウトライン 1.node.jsをインストールする 2.アプリケーションを作って動かしてみる 3.フォームから受け取ったデータを表示する 4.SQLite3を使ってデータを永続化する 1.node.jsをイン
Express(node.js)をdockerでデバックする時にnodemonを使って再起動なしで動作確認する - Qiita
ちょっと面倒なのを解決したい Express(node.js)でコンテナ立ち上げているんですが、ちょっとファイルを修正したら、 で毎回面倒。 ファイルを変更したら、勝手に変更を検知して、再起動かけてくれないかな？ しかもdockerのコンテナは立ち上がったままで。 ありました。「nodemon」 nodemonを入れる nodemon Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. Perfect for development. Install it using npm. インストール コンテナで利用するので、package.jsonに記述されるように。
React + Expressでのサーバーサイドレンダリング方法のまとめ - Qiita
Reactのサーバーサイドレンダリング(SSR)の実装方法について、React単体のシンプルなものから、React Router, Reduxを組み合わせたものまでまとめます。 サーバーサイドはExpressを用います。 ※以下のJavaScriptのコードについて、クライアントサイドについてのみJSX + ES6形式でコーディングしており、webpackでcompileして利用しています React単体でSSR React単体でSSRを実現する場合は、ReactDOMServer.renderToStringを使用します。 参考にしたソース React単体のSSRを実装するにあたっては以下のソースを参考にしました。 react-server-example APP_PROPSを利用してfetchしたデータをクライアント側のjsと共有する点を参考にしました 静的な情報をレンダリングするパタ
aglex: API Gateway + Lambda + Express4 で サーバレス API を作成する - Qiita
API Gateway + Lambda の構成は、素で作成すると個別の endpoint の登録作業が膨大でかなり面倒なため、何かしらのフレームワークを使わないとメンテできない問題があります。 個人的に Express で開発したものをほぼそのまま Lambda 化する仕組みを作って運用していたのですが、安定運用出来ているのと体裁がほぼ整ってきたのもあるので aglex として公開しました。 特長 Express で作ったものが（ほぼ）そのまま Lambda 化できる Lambda function が1つにまとまるので、メンテがしやすい Lambda function、API Gateway をコマンドで簡単に作成・更新できる Lambda の実体は Express を call するための薄い wrapper なので動作も軽く、凝ったことをしていない限りは Express で書いたコ
【連載第1回】passportを使ってoauth認証を実装してみよう【Twitter編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。夏のにおいほど切ないものはないですね。楽しい思い出も、本当にただそれだけでしかなくて、人は離れ離れになって。そこにあるはずないのに何かありそうな、蜃気楼だけを眺めているんです。まろCです。 passportは、node.js用の認証モジュールです。Twitter、Facebookをはじめとした、主要なSNSログインを実装できるのはもちろん、その他多くの認証に対応しています。 その認証を連載でご紹介していきたいと思います。 今回は、第一弾として、Twitterでのログインをnode.jsで実装していきたいと思います。 初回なのでnode.jsとexpressをインストール expressフレームワークを使用して実装を進めていきたいと思います。 node.jsのインストール node.jsをインストールしていない環境の方はまず、こちらの記事を参考にインストールします。 せっかくなの
【入門向け】Node.js + Express4 + MongoDB + Vagrant + foreverでChatWorkと連動するCRUDアプリを開発する。(１)（導入編） - Qiita
【入門向け】Node.js + Express4 + MongoDB + Vagrant + foreverでChatWorkと連動するCRUDアプリを開発する。(１)（導入編）Node.jsMongoDBVagrantChatworkexpress4 この記事について Node.js + Express4 + MongoDB + Vagrant(開発環境) + foreverを利用して簡単なCRUD(Create, Read, Update, Delete)アプリを開発しました。開発にあたりPHP歴３年の著者が得られた知見をまとめます。 導入編、環境編、開発編の全３回を予定しています。皆様のこれからの開発の一助になれば幸いです。 対象読者 ある程度の開発経験があり、Node.jsを使ったアプリケーション開発に興味がある/これから実装する人。 ノンブロッキングI/Oを知りたい人。 node
初級者でも1時間でTwitter風Webサービスを作れる！- MEANスタック開発(2) - paiza開発日誌
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 前回はMEANスタックの一つ、YeomanのAngularJS Full-Stack generatorのインストールと使い方について紹介しました。MEANスタックはMongoDB, Express, AngularJS, Node.jsを組み合わせたWeb開発環境で、JavaScriptだけで簡単に素早く直感的で使いやすいフルスタック・Webサービスを作ることができます。 今回は、実際にもう少し実用的なWebサービスを作ってみましょう。 今回作るWebサービスは、Twitterのように投稿ができて、一覧表示ができるWebサービスです。(この記事のトップに有る動画で紹介しているサービスです) ジェネレータが生成したコードを元にJavaScript/HTMLを修
最新・最速！Webサービスが今すぐ作れる！ - MEANスタック開発(1) - paiza開発日誌
(English article is here.) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 最近のリッチなWebサービス開発ではブラウザ(クライアント)とサーバ両方のコードを書いたり、Webソケットなどで連携したりすることもあり、気軽に取り組みづらくなっています。しかし、MEANスタックはクライアントからサーバまで全てをまとめた環境で、これを使えば素早くWebサービスを作ることができます。 今回は、MEANスタックの開発環境の一つ、AngularJS Full-stack generator(generator-angular-fullstack)を用いて実際にサンプルプログラムを動かしたり、修正したり、Herokuにデプロイしたりしてみます。 ブラウザ側のJavaScriptコードだけの作り方や、サーバ側だけのコードの書き方はWeb上でも多くでてい
はてブとpocketから一括検索できるwebサービス『tanaoroshi』を作ってOpenshiftで公開しました - undefined
最近Node.js + AngularJSでこそこそ作ってたWEBサービスを公開しましたので紹介します。 お詫び(7/4 7:25追記) ちょくちょくクラッシュしているようです。申し訳ありません。 セッションをメモリで管理しているため、クラッシュした場合再ログインしていただく必要があります。ごめんなさい。 あとconnect.session() MemoryStoreはメモリリークがあるっぽいです。production環境での使用は非推奨っぽいですね。connect-mongo等を使用する必要がありそうです。順次対応いたしますのでよろしくお願いいたします。 作ったもの http://tanaoroshi.bokuweb.me/ Tanaoroshi. なんぞこれ？ 「はてなブックマーク」と「pocket(旧read it later)」のデータから一括検索・閲覧するためのシンプルなWEBサ
Node.jsのMVCフレームワーク「Express」における静的ファイル、ルーティング定義、セッション管理、エラー処理
Node.jsのMVCフレームワーク「Express」における静的ファイル、ルーティング定義、セッション管理、エラー処理：MEANスタックで始めるWebアプリ開発入門（4）（1/2 ページ） MEANスタックを用いたWebアプリの開発方法について紹介していく連載。今回は、Expressを使ったWebアプリ開発に必要な4つの機能として、HTMLやCSS、JavaScriptなどの静的ファイルの使い方、HTTPメソッドや正規表現を使ったルーティング定義、MemoryStoreやRedisを使ったセッション管理、エラーハンドリングを紹介する。
関数の呼び出し元を取得する関数を定義する - Qiita
課題 expressでWebアプリを作っている時に、loggerとしてbunyanを利用していた。 その時に、logger.error({ req:req, res:res, error:error }, message)と毎回書くのがだるいので、req.logError(error, message)で済むように下記のようなmiddlewareを書いて対応した。 var bunyan = require('bunyan'); var log = bunyan.createLogger({name: 'myApp'}); module.exports = function (req, res, next) { req.logError = function (error, message) { log.error({ req:req, res:res, error:error }, mes
橋本商会 » HubotでYoのwebhookを受信する
Yoは最近はダッシュボードからbotアカウントを作れるようになっていて、俺もいくつか作って使っている。 botがYoを受信するとあらかじめ指定しておいたコールバックURLにHTTP-GETでwebhookしてくれる。 https://自分のhubot.herokuapp.com/yo/webhook?token=kazudon とか指定しておくといい。GETのパラメータでusername, user_ip, tokenが来る。 Hubotで受信するとしたらこんな感じ。Hubotにはexpressが内蔵されていてrobot.routerで使える。 環境変数YO_WEBHOOK_TOKENを設定する必要がある。 本当にYoのサーバーからのリクエストかを確かめるのにコールバックURLにtokenを含めるのと、HTTPSを使う。 誰でもYoからプログラム実行できても困るので、許可するYoユーザーを
トイレ監視システム「FICC Heavensdoor」を作ったぞ！【Node.jsとSocket.ioとReact.jsでサーバー編】 - FICC Workbook
前回【Raspberry Piでセンシング編】はこちら。前回はRaspberry Piでいかにドアの鍵をセンシングをしたか、という話でした。今回はRaspberry Piから情報を受け取る側、サーバーのお話です。 React.jsが天国と地獄を描画します 今回はNode.js+Expressを選択。Raspberry Piから受け取った情報を、現在サイトにアクセスしているブラウザにWebSocketを通して一斉送信するのにSocket.ioを利用。そしてフロントエンドにはReact.jsを採用。なぜ採用したかといえば使いたかったからです！😤😤😤 これらを使って、 トイレが空いていれば天国、使用中であれば地獄を表示トイレの空き情報をリアルタイムにお知らせという1画面ですべて賄うサイトを作りました。 http://ficc-heavensdoor.herokuapp.com 天国。 そし
Node.js(Express)アプリの雛形を自動生成する - アインシュタインの電話番号
昨日の記事では、Node.jsアプリでHello worldする際に、それに必要なファイル(web.js, package.json, Procfile, .gitignore)を1個ずつ新規作成してたけど、expressコマンドを使えばその雛形を自動生成できることに後から気づいた。これを使うと、web.js(=app.js)とpackage.jsonの2つは自動生成できる。Sinatra単体には無い機能だね。 あと、Sinatraアプリ開発時に使われる自動リロード機能(ShotgunやSinatraReloaderなど)に相当するnode-devをちょっと使ってみたので、それについてもメモ。 expressをグローバルインストール expressコマンドを使うには、Expressパッケージをグローバルインストールする。 $ npm install -g express /Users/ru
Node.jsのMVCフレームワーク「Express」の基礎知識とインストール
連載目次 前回の「いまさら聞けないNode.jsの基礎知識とnpm、Gulpのインストール」において、サーバーサイドJavaScript実行環境であるNode.jsについて基本的な説明を行いました。また、その周辺ツールであるnpm、Gulpを含めた環境のセッティングも行い、Node.jsを用いてMEANスタックアプリ開発ができる状態になったと思います。 本記事では上記環境を用いて説明していくので、実際にサンプルを動かしたい場合には前回の記事を読んで環境を作成しておきましょう。 今回はサーバー側のMVCフレームワーク、「Express」について解説します。 MVCフレーワーク「Express」とは 「Express」とは、Node.js上で動作するWebアプリのフレームワークです。 Webアプリを構成する上で必要な機能がそろっており、ルーティングやビューヘルパー、セッション管理の機能もデフォ
Node.js を5分で大雑把に理解する - Qiita
随時更新します。 対象の人 使ったことないけど、軽く理解はしておきたい人 本格的に勉強する前に、大まかな概要を知りたい人 特徴 サーバーサイドのJavaScript 非同期 (I/Oの処理結果を待たず処理を進める) ノンブロッキングI/O (I/Oの結果を待たないで処理をすすめる。I/O処理が終了したらコールバック関数を実行。) イベントドリブン (何かしらのキッカケで動き始める) シングルスレッド (メモリ消費が少ない、仕事切り替えが少ないので速い) JavaScript エンジンが Google の V8 で速い Node.jsで作られたアプリの特徴 小さいデータや小さい計算の場合、速い メモリ消費量が少ない ローカルとリモートとのデータのやり取りをシームレスに行うフレームワーク(Meteor)などが出てきている サーバ側、クライアント側で処理の共通化ができる (入力値チェックなど)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Node.js】socket.ioを使って簡単にチャットを作る方法
Nodeとフロントエンド − 知っておかなければならない、今と未来の話 −
