Download as PDF, PPTX
![Node.jsのメリット２ ～超高速V8エンジン～
1.88 v8-2.1
1.76 C
66.2 Python3.1
50.3 Python2.5
20.8 Ruby1.9
123 Ruby1.8
速度[[[[秒]]]] 処理系
Node.jsはGoogle開発のV8エンジンを搭載。フィボナッチではC言語に迫るパフォー
マンスを見せる。](https://image.slidesharecdn.com/1node-130903094404-/75/1-node-js-6-2048.jpg)
第1回鹿児島node.jsの会資料＿内村
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8. • CPU負荷の高い処理(CPUCPUCPUCPU Heavy) •画像など静的コンテンツの処理 ⇒ nginxなどで対応 Node.jsを使わない方がいい処理
- 9. • ngCore ： DeNAが開発するクロスプラットフォームゲームエン ジン。Node.jsを基幹技術として採用。 • GREEPlatform ： GREEが提供するサーバーからクライアント まで一貫してJavaScriptベースで開発可能なプラットフォーム。 • LinkedIn ： パフォーマンスとスケーラビリティを理由として， 同社のモバイル用バックエンドインフラを Ruby on Rails から Node.js にリプレース。 • アメーバピグ ： ピーク時の アクティブユーザが２０万人いる にもかかわらず、２０台のサーバでのみ運用を行なって いる。 Node.jsの採用例
- 10. • Node.js&express&ejsでやります。 • DBはMySQL、ORMはSequelizeでいきます。 今日の方針 Node.js& Express ejs MySQL APサーバ DBサーバ Sequelize ブラウザ HTTP
- 11. Node.js周りのあれこれ１ npm Node Package Manager。Node用のパッケージを管理するツール。 Linuxのapt-getみたいな感じ。 使い方npm install ○○ -option 例）npm install sequelize -g （sequelizeをグローバルにインストール） express NodeのWebアプリケーションフレームワーク。RubyでいうRuby on rails みたいなもの。でもRoRより軽量で機能は限定的。 使い方 express ○○ -option 例） express hoge -e （ejsを使用してhogeプロジェクトを生成）
- 12. Node.js周りのあれこれ２ ejs Nodeのテンプレートエンジン。他にもJadeなどが利用可能。 <%= message %>で変数messageをHTMLエスケープして表示。 <%-message %>で変数messageをHTMLエスケープせずに表示。 <% var i = 0 %>などJavascriptの記述をHTML内にできる。 sequelize Nodeで使えるMySQLのORM。 npm install mysql と npm install sequlize で簡単インストール。
- 13. Windowsの場合 http://nodejs.jp/nodejs.org _ja/docs/v0.10/download/ の「Windows installer」をクリックして msiファイルをダウンロードする。 まずはNodeとnpmのインストールから Macの場合 http://nodejs.jp/nodejs.org _ja/docs/v0.10/download/ の「Mac OSX installer」をクリックして pkgファイルをダウンロードする。 あとは「同意する」か「はい」を押しとけばOK。環境変数PATHの設定も忘れずに。
- 14. ・ express $ npm installexpress -g $ express hoge -e （これでhogeフォルダが生成される） 以降hogeフォルダに移動して。 ・ ejs $ npm install ejs ・ mysql $ npm install mysql ・ sequelize $ npm install sequelize npmでパッケージのインストール
- 15. expressで生成したフォルダ内のapp.jsを指定して $ node app.js と打ち込む。 「Expressserver listening on port 3000 in development mode」と出るので、ブラウザのURLに 「localhost:3000」 これでOK。 Expressと表示されれば成功。 早速テスト起動
- 16. var express =require('express') , routes = require('./routes') , user = require('./routes/user') , http = require('http') , path = require('path'); app.jsを見てみる１ ～モジュールのロード～ require(...)にパスが 書いてある場合 基本的にモジュールの読み込み（npmでインストールしたexpressなどのモジュール） exports.list = function(req, res){ res.send("respond with a resource"); }; ./routes/user.js 無名関数をlistという名前で外部公開する。 ./routes/user.js内の関数やオブ ジェクトにアクセスが可能になる user.listでlistという名の関数にアクセス。
- 17. app.jsを見てみる２ ～Expressの設定～ var app =express(); app.configure(function(){ app.set('port', process.env.PORT || 3000); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.use(express.favicon()); app.use(express.logger('dev')); app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(app.router); ポート3000番を指定 ビューフォルダを指定 テンプレートエンジンをEJSに指定 アイコン設定 ログ設定 POST送信データを自動パース HTTPメソッドのオーバーライド ルーティングの有効化 BodyParserが重要。これがないとreq.body.hogeで値の取得が出来ない。あとクッキーを 使うときはCookieParser,セッションを使うときはsessionを有効にする。
- 18. app.get('/', routes.index); ---index.js--- exports.index =function(req, res){ res.render('index', { title: 'Express' }); }; app.get('/users', user.list); ---user.js--- exports.list = function(req, res){ res.send("respond with a resource"); }; app.jsを見てみる３ ～ルーティング～ リクエスト。フォームの値などクライアント から送られてきたHTTPデータ。 レスポンス。サーバからクライアントに 投げるHTTPデータ。 index.ejs内の<%= title %>に反映 localhost:3000/usersにアクセスしたときに実行
- 19. 私の場合ファイルを分けずapp.jsに全部書き込みます（面倒な ので）。例えばルートにアクセスしたとき、index.ejsで"hello world"と表示したいときは・・・。 app.get("/", function(req, res){ res.render("index.ejs",{ msg : "hello world" }); }); でOK。後はindex.ejsの表示したい場所に <p><%= msg %></p> なんて記述してしまえば、hello worldを表示してくれます。 便利でしょ？？ 基本的な使い方１～テキスト表示～
- 20. フォームの入力値をPOSTで送る場合。例えば <form method="POST" action="/hello"> <input type="text" name="me" /> <input type="submit" value="送信" /> </form> なんてとき、サーバ側では app.post('/hello', function(req, res){ console.log(req.body.me); }); これで取得できます。簡単でしょ？？ 基本的な使い方２～フォームデータ取得～
- 21.
- 22. IDなんかを取得するのも簡単ですよ～。 例えば「localhost:3000/user/12」で12番のユー ザIDを取得したいときは。 app.get('/user/:id', function(req, res){ varid = req.param('id'); これで12番が取得できました。数字以外にも文 字列なんかも取得できますよ。これをもとに DB検索すればいいですね。 基本的な使い方４～ID取得～
- 23. • 「npm installsequelize」でsequelizeをインストールし て下さい。 • MySQLが動くXAMPPなどを用意して下さい。また kagoshimaデータベースとusers テーブルを作成して 下さい。 • 予め以下のフィールドを作成して下さい。 id | int auto_increment primary key name | varchar(32) sex | boolean 今日の本題 ～簡単なDB検索～
- 24. • var sequelize= new Sequelize('kagoshima', 'root', 'password', { host: "localhost",port: 3306 }); var User = sequelize.define('user', { id: Sequelize.INTEGER, name: Sequelize.STRING, sex: Sequelize.BOOLEAN }); app.jsの記述１～DB設定～ DB名 テーブル名（単数形）
- 25. app.get("/regist", function(req, res){ res.render("regist.ejs",{}); }); app.post('/regist', function(req, res){ var SourceCode = User.build({ name : req.body.name, sex : req.body.sex }); SourceCode.save().success(function (){ console.log('DB save success'); }); }); app.jsの記述２～DBへのデータ登録～ <html> <body> <form method="post" action="/regist"> <input type="text" name="name" /> <inputy type="radio" name="sex" value="0">男 <inputy type="radio" name="sex" value="1">女 </body> </html> regist.ejs
- 26. app.get('/user/:id', function(req, res){ varid = req.param('id'); User.find({ where: {id : id}} ).success(function (data){ res.render('index.ejs', { id : data.id, name : data.name, sex: data.sex }); }); app.jsの記述３～データ検索～ Userテーブ ル内を IDが一致するデータを探して 一致したデータ がオブジェクトで 格納される これで「localhost:3000/user/30」なら30番に一致するデータのID、 名前、性別が抽出され、オブジェクトに格納される。後はそれを EJSにレンダリングするだけ。
- 27. <html> <body> <p>ID:<%= id %></p> <p>名前：<%=name %></p> <p>性別：<%= sex %></p> </body> </html> index.ejsの記述 ID : 20 名前 : 野戸 太郎 性別 : 0
- 28.
- 29.
- 30.