Express
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-戻る
--[[JavaScript>JavaScript#yff1d559]]
--[[Node.js]]
*目次 [#n564ef54]
#contents
*概要 [#r706ebdd]
[[Node.js>#q9fc6e24]]向けの高速で最小限の Web フレームワ...
*インストール [#lf3a3e8d]
以下でインストール。
npm install express --save
*素描 [#ff9964f0]
**HTMLを返す。 [#g3f9da8b]
***サーバを設定 [#f2032417]
-直下にserverディレクトリを作成
-その直下にserver.jsファイルを作成
var express = require('express');
var app = express();
//ポートの指定
app.set('port', process.env.PORT || 5000);
//ルートパスの指定
var clientPath = __dirname.replace("/server", "/client");
app.use('/', express.static(clientPath));
// URLがNOT FOUNDの際の処理
//redirect NOT FOUND page
//app.use(function(req, res, next){
// res.status(404);
// res.sendFile(clientPath + '/404.html');
//});
//エラーが発生した場合の指定
app.use(function(err, req, res, next) {
console.log(err.stack);
res.status(500).send(err.message);
});
//指定したポートでリクエスト待機状態にする
app.listen(app.get('port'), function () {
console.log('server listening on port :' + app.get('...
});
***コンテンツの配置 [#j272b303]
コンテンツを配置する。
server/hoge.html
***サーバを実行 [#jd93902d]
以下でサーバを実行。
node server/server.js
server listening on port :5000
***サーバにアクセス [#j68cd65e]
以下でサーバにアクセス。
http://localhost:5000/hoge.html
**JSONを返す。 [#dda1563f]
***サーバを設定 [#ka9548d8]
-直下にserverディレクトリを作成
-その直下にserver.jsファイルを作成
// expressモジュールをロードし、インスタンス化してappに...
var express = require("express");
var app = express();
// CORSを許可する
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, ...
next();
});
// listen()メソッドを実行して5000番ポートで待ち受け。
var server = app.listen(5000, function(){
console.log("Node.js is listening to PORT:" + server...
});
// *.json
// http://localhost:5000/hoge1.json
app.get("/hoge1.json", function(req, res, next){
var fs = require('fs');
var json = JSON.parse(fs.readFileSync('./server/hoge...
res.json(json);
});
// http://localhost:5000/hoge2.json
app.get("/hoge2.json", function(req, res, next){
var fs = require('fs');
var json = JSON.parse(fs.readFileSync('./server/hoge...
res.json(json);
});
***コンテンツの配置 [#qaa29edf]
コンテンツを配置する。
server/hoge1.json
server/hoge2.json
***サーバを実行 [#sa78fbc6]
以下でサーバを実行。
node server/server.js
server listening on port :5000
***サーバにアクセス [#b63f32ef]
以下でサーバにアクセス。
http://localhost:5000/hoge1.json
http://localhost:5000/hoge2.json
*Express Generator [#n0d467cb]
もうチョットちゃんとしたserver.js実装が欲しい...。~
...とソコで、「Express Generator」が使える。
**概要 [#x056a25c]
-Node.js のWeb/APサーバー機能を提供するExpressアプリの雛...
-Expressにはアドオンでフレームワーク機能を追加していく。
**参考 [#c89a74c6]
-express-generatorを利用する[express][node.js]~
https://noumenon-th.net/programming/2018/12/22/express-ge...
-Qiita
--Express Generator を使った Node.js + Express.js の環境...
https://qiita.com/tsuyoshioshima/items/7a553c25f222333b9503
--node初心者がexpress-generatorで吐き出されたapp.jsを読ん...
https://qiita.com/mito_log/items/735f7079f99ec78ea7e6
*参考 [#od285c14]
-JavaScriptの記事一覧~
https://noumenon-th.net/programming/javascript/
--express-generatorを利用する[express][node.js]
--EJSテンプレートエンジンを利用する[Express]
--クエリーパラメーターによる送信[express][query]
--express-sessionでセッションを利用する[Express][node.js]
--express-validatorでバリデーションを行う[node.js]
--mysqlを利用する[express][node.js]
終了行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-戻る
--[[JavaScript>JavaScript#yff1d559]]
--[[Node.js]]
*目次 [#n564ef54]
#contents
*概要 [#r706ebdd]
[[Node.js>#q9fc6e24]]向けの高速で最小限の Web フレームワ...
*インストール [#lf3a3e8d]
以下でインストール。
npm install express --save
*素描 [#ff9964f0]
**HTMLを返す。 [#g3f9da8b]
***サーバを設定 [#f2032417]
-直下にserverディレクトリを作成
-その直下にserver.jsファイルを作成
var express = require('express');
var app = express();
//ポートの指定
app.set('port', process.env.PORT || 5000);
//ルートパスの指定
var clientPath = __dirname.replace("/server", "/client");
app.use('/', express.static(clientPath));
// URLがNOT FOUNDの際の処理
//redirect NOT FOUND page
//app.use(function(req, res, next){
// res.status(404);
// res.sendFile(clientPath + '/404.html');
//});
//エラーが発生した場合の指定
app.use(function(err, req, res, next) {
console.log(err.stack);
res.status(500).send(err.message);
});
//指定したポートでリクエスト待機状態にする
app.listen(app.get('port'), function () {
console.log('server listening on port :' + app.get('...
});
***コンテンツの配置 [#j272b303]
コンテンツを配置する。
server/hoge.html
***サーバを実行 [#jd93902d]
以下でサーバを実行。
node server/server.js
server listening on port :5000
***サーバにアクセス [#j68cd65e]
以下でサーバにアクセス。
http://localhost:5000/hoge.html
**JSONを返す。 [#dda1563f]
***サーバを設定 [#ka9548d8]
-直下にserverディレクトリを作成
-その直下にserver.jsファイルを作成
// expressモジュールをロードし、インスタンス化してappに...
var express = require("express");
var app = express();
// CORSを許可する
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, ...
next();
});
// listen()メソッドを実行して5000番ポートで待ち受け。
var server = app.listen(5000, function(){
console.log("Node.js is listening to PORT:" + server...
});
// *.json
// http://localhost:5000/hoge1.json
app.get("/hoge1.json", function(req, res, next){
var fs = require('fs');
var json = JSON.parse(fs.readFileSync('./server/hoge...
res.json(json);
});
// http://localhost:5000/hoge2.json
app.get("/hoge2.json", function(req, res, next){
var fs = require('fs');
var json = JSON.parse(fs.readFileSync('./server/hoge...
res.json(json);
});
***コンテンツの配置 [#qaa29edf]
コンテンツを配置する。
server/hoge1.json
server/hoge2.json
***サーバを実行 [#sa78fbc6]
以下でサーバを実行。
node server/server.js
server listening on port :5000
***サーバにアクセス [#b63f32ef]
以下でサーバにアクセス。
http://localhost:5000/hoge1.json
http://localhost:5000/hoge2.json
*Express Generator [#n0d467cb]
もうチョットちゃんとしたserver.js実装が欲しい...。~
...とソコで、「Express Generator」が使える。
**概要 [#x056a25c]
-Node.js のWeb/APサーバー機能を提供するExpressアプリの雛...
-Expressにはアドオンでフレームワーク機能を追加していく。
**参考 [#c89a74c6]
-express-generatorを利用する[express][node.js]~
https://noumenon-th.net/programming/2018/12/22/express-ge...
-Qiita
--Express Generator を使った Node.js + Express.js の環境...
https://qiita.com/tsuyoshioshima/items/7a553c25f222333b9503
--node初心者がexpress-generatorで吐き出されたapp.jsを読ん...
https://qiita.com/mito_log/items/735f7079f99ec78ea7e6
*参考 [#od285c14]
-JavaScriptの記事一覧~
https://noumenon-th.net/programming/javascript/
--express-generatorを利用する[express][node.js]
--EJSテンプレートエンジンを利用する[Express]
--クエリーパラメーターによる送信[express][query]
--express-sessionでセッションを利用する[Express][node.js]
--express-validatorでバリデーションを行う[node.js]
--mysqlを利用する[express][node.js]
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
