ホームページ > 記事 > ウェブフロントエンド > ノードは Koa2 を使用して Web プロジェクトを構築します
ノードは Koa2 を使用して Web プロジェクトを構築します
- 小云云オリジナル
- 2018-01-15 13:10:572175ブラウズ
この記事では、Koa2 を使用して Web プロジェクトを構築するノードの方法を主に紹介します。編集者が非常に優れていると考えたので、参考として共有します。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。
Node.jsの人気の高まりに伴い、さまざまなフレームワークが次々と登場し始め、サーバーリクエストを処理するシナリオにも徐々にNode.jsが適用され始めています。 Express、koa、koa2、egg など、Web プロジェクトを構築するためのフレームワークも登場し始めました。もちろん、その品質を理解するには、やはり自分でソース コードを読む必要があります。この記事にはソース コードは含まれませんが、初心者が Koa2 の基本的な使用法を簡単に理解できるようにするだけです。コメントでコミュニケーションを取り、互いに学び合うことを歓迎します。
注: koa2 は ES7 構文を使用しているため、使用する場合は Node のバージョンを最新のものにアップグレードしてください。より詳細なソース コード情報については、git の koajs/koa を参照してください
1. プロジェクトのディレクトリ構造
2. パッケージ構造ファイル
[package.json]
{
"name": "weixin-node-koa",
"version": "1.0.0",
"description": "node.js with koa2",
"private": true,
"dependencies": {
"koa": "^2.0.0",
"koa-router": "^7.0.0",
"mysql":"2.13.0"
},
"scripts": {
"start": "node app.js"
},
"engines": {
"node": ">=6.0.0"
},
"author": "Fly",
"license": "CENTERM"
}
2.2. エントリファイルを開始します
[app.js]
const Koa = require('koa');
const app = new Koa();
const router2controller = require('./app/router2controller.js');
const config = require('./config/config.local.js');
app.use(router2controller());
app.listen(config.port);
console.log("Server started and listen on port " + config.port); 要求されたメッセージ本文が XML 形式の場合は、次のコードを追加できますメッセージを自動的に解析します (注: 引用された koa-xxx のバージョンは koa2 に対応している必要があります)
const Koa = require('koa');
const app = new Koa();
const router2controller = require('./app/router2controller.js');
const config = require('./config/config.local.js');
//start接收到的xml数据请求单独解析存储
const xmlParser = require('koa-xml-body');
app.use(xmlParser()).use((ctx,next) => {
ctx.data = ctx.request.body;
return next();
});
//end
app.use(router2controller());
app.listen(config.port);
console.log("Server started and listen on port " + config.port); コードから、router2controller.js ファイルが前面からのルーティング プロセスであることがわかります。特定の処理メソッドへのリクエストを終了します
2.3. ルーターファイル
[router2controller.js]
このクラスは、リクエストのマッピングをロードするためにコントローラーフォルダー内のファイルを自動的にスキャンします。各リクエストを個別に設定する必要はありません。
koa-routerは以下のメソッドをネイティブで提供します:router
.get('/', async (ctx,next) => {
this.body = 'Hello World!';
})
.post('/users', async (ctx,next) => {
//TODO
})
.put('/users/:id', async (ctx,next) => {
//TODO
})
.del('/users/:id', async (ctx,next) => {
//TODO
});コントローラーパッケージを自動スキャンする実装方法は以下の通りです
const fs = require('fs');
const router = require('koa-router')();
function addMapping(router, mapping) {
for (var url in mapping) {
if (url.startsWith('GET ')) {
var path = url.substring(4);
router.get(path, mapping[url]);
console.log(`register URL mapping: GET ${path}`);
} else if (url.startsWith('POST ')) {
var path = url.substring(5);
router.post(path, mapping[url]);
console.log(`register URL mapping: POST ${path}`);
} else if (url.startsWith('PUT ')) {
var path = url.substring(4);
router.put(path, mapping[url]);
console.log(`register URL mapping: PUT ${path}`);
} else if (url.startsWith('DELETE ')) {
var path = url.substring(7);
router.del(path, mapping[url]);
console.log(`register URL mapping: DELETE ${path}`);
} else {
console.log(`invalid URL: ${url}`);
}
}
}
function addControllers(router, dir) {
fs.readdirSync(__dirname + '/' + dir).filter((f) => {
return f.endsWith('.js');
}).forEach((f) => {
console.log(`process controller: ${f}...`);
let mapping = require(__dirname + '/' + dir + '/' + f);
addMapping(router, mapping);
});
}
module.exports = function (dir) {
var controllersDir = dir || 'controller';
addControllers(router, controllersDir);
return router.routes();
};
2.4. s ]
***Controller.jsは特定のリクエスト情報を処理してデータを返すために使用され、userController.jsはユーザー情報を取得するためのGETリクエストと、ユーザー情報を保存するためのPOSTリクエストを処理します
const userService = require('./../service/userService.js');
var getUserinfo = (ctx, next) => {
let query = ctx.query;
let userId = query.id;
let userInfo = userService.getUserById(userId);
let html = '<html><body>'
+ '<p> userinfo: ' + userInfo + '</p>'
+ '</body></html>';
ctx.response.type ='text/html';
ctx.response.body = html;
};
var saveUserinfo = (ctx, next) => {
const requestString = ctx.data;
//TODO数据处理
Console.log(requestString);
};
module.exports = {
'GET /getUserinfo': getUserinfo,
'POST /saveUserinfo': saveUserinfo
};
2.5。データ処理
[userService.js]
***Dao.jsから取得したデータを処理してカプセル化します
const userDao = require('./../dao/userDao.js');
var getUserById = async (userId) => {
var users = userDao.getUserById(userId);
var responseContent = '';
for(let user of users) {
reaponseContent += '姓名：' + user.name + ' |';
reaponseContent += '年龄：' + user.age + ' |';
reaponseContent += '身高：' + user.height + '<br />';
}
return responseContent;
}
module.exports = {
getUserById : getUserById
};
2.6. データ取得
[userDao.js]
受信パラメータをリクエストしてユーザーデータを取得します
const mysql = require('./../utils/mysqlUtil.js');
var getUserById = async (userId) => {
let mysqlOptions = {
sql : 'select * from table_user where user_id = ?',
args : [userId]
};
var users = await mysql.execQuery(mysqlOptions);
if(users.length == 0) {
return null;
} else {
return users;
}
};
module.exports = {
getUserById : getUserById
};
2.7. データベース操作
[mysqlUtil.js]
データベース接続プールの制御、接続の確立と解放の管理、Dao によって開始されるデータベース操作リクエストの実行が含まれます
const mysql = require('mysql');
const config = require('./../../config/config.local.js');
var connectionPool = mysql.createPool({
'host' : config.database.host,
'port':config.database.port,
'user' : config.database.user,
'password' : config.database.password,
'database' : config.database.database,
'charset': config.database.charset,
'connectionLimit': config.database.connectionLimit,
'supportBigNumbers': true,
'bigNumberStrings': true
});
var release = connection => {
connection.end(function(error) {
if(error) {
console.log('Connection closed failed.');
} else {
console.log('Connection closed succeeded.');
}
});
};
var execQuery = sqlOptions => {
var results = new Promise((resolve, reject) => {
connectionPool.getConnection((error,connection) => {
if(error) {
console.log("Get connection from mysql pool failed !");
throw error;
}
var sql = sqlOptions['sql'];
var args = sqlOptions['args'];
if(!args) {
var query = connection.query(sql, (error, results) => {
if(error) {
console.log('Execute query error !');
throw error;
}
resolve(results);
});
} else {
var query = connection.query(sql, args, function(error, results) {
if(error) {
console.log('Execute query error !');
throw error;
}
resolve(results);
});
}
connection.release(function(error) {
if(error) {
console.log('Mysql connection close failed !');
throw error;
}
});
});
}).then(function (chunk) {
return chunk;
});
return results;
};
module.exports = {
release : release,
execQuery : execQuery
}関連する推奨事項:
koa2 に関する推奨記事 10 件
node での koa2 フレームワークの使用に関するサンプル チュートリアルを共有するjs
以上がノードは Koa2 を使用して Web プロジェクトを構築しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。