Heim > Artikel > Web-Frontend > Detaillierte Analyse des Koa-Projektbaus
Dieses Mal werde ich Ihnen eine detaillierte Analyse des Koa-Projektbaus und der Vorsichtsmaßnahmen für den Koa-Projektbau geben. Das Folgende ist ein praktischer Fall, werfen wir einen Blick darauf.
Spring MVC plus MyBatis in Java ist im Grunde zum Standard für Java Web geworden. Zu Node JS gehören Koa, Express, Mongoose, Sequelize usw. Man kann sagen, dass Koa gewissermaßen eine aktualisierte Version von Express ist. Viele Node JS-Projekte haben damit begonnen, nicht relationale Datenbanken (MongoDB) zu verwenden. Sequelize unterstützt nicht relationale Datenbanken (MSSQL, MYSQL, SQLLite).
Koa-Projektkonstruktion
cnpm install -g koa-generator // 这里一定要用koa2 koa2 /foo
Einführung in die gemeinsame Middleware von Koa
Die vom koa-generator generierte Anwendung enthält bereits gemeinsame Middleware , hier spreche ich nur über diejenigen, die darin nicht verwendet werden.
koa-less
app.use(require('koa-less')(__dirname + '/public'))
muss vor static verwendet werden, sonst ist es ungültig.
Erstellen Sie „styles.less“ im Ordner „Stylesheets“ und importieren Sie alle modularen Less-Dateien.
@import 'foo.less'; @import 'bar.less';
Auf diese Weise werden alle Stile in einer style.css kompiliert. Verweisen Sie einfach auf style.css in der Vorlage (pug).
koa-session
// 设置app keys,session会根据这个进行加密 app.keys = ['some secret hurr']; // 配置session config const CONFIG = { key: 'bougie:session', /** (string) cookie key (default is koa:sess) */ maxAge: 1000 * 60 * 60 * 24 * 7, overwrite: true, /** (boolean) can overwrite or not (default true) */ httpOnly: true, /** (boolean) httpOnly or not (default true) */ signed: true, /** (boolean) signed or not (default true) */ rolling: true, /** (boolean) Force a session identifier cookie to be set on every response. The expiration is reset to the original maxAge, resetting the expiration countdown. (default is false) */ renew: false, /** (boolean) renew session when session is nearly expired, so we can always keep user logged in. (default is false)*/ }; // 应用中间件 app.use(session(CONFIG, app));
Dies muss vor dem Router verwendet werden, sonst ist es ungültig.
Grundsätzlich verwendet, kann als normales Objekt verwendet werden
// 赋值 ctx.session.statu = value // 取值 ctx.session.statu // 删除 ctx.session.statu = null
koa-proxies
Wird für die Proxy-Konfiguration verwendet
const proxy = require('koa-proxies') app.use(proxy('/octocat', { target: 'https://api.github.com/users', changeOrigin: true, agent: new httpsProxyAgent('http://1.2.3.4:88'), rewrite: path => path.replace(/^\/octocat(\/|\/\w+)?$/, '/vagusx'), logs: true }))
Routing-Steuerung
Die Entwicklung konzentriert sich hauptsächlich auf die Routing-Steuerung, einschließlich Restful-Interface- und Template-Rendering
Abrufen von Parametern (Anfrage)
Abfrageparameter (?param= a)
ctx.query.param
Routenparameter (/:id)
ctx.params.id
POST-Parameter (JSON oder Form)
ctx.request.body
Antwort anfordern (Antwort)
Die Daten, die der Server dem Client antwortet
erholsam
ctx.body = yourData
Vorlagenrendering
Startet standardmäßig im Ansichtsverzeichnis, es ist kein Dateisuffix zulässig
ctx.render('layout', yourData)
Routenabfang
Wenn Sie nicht angemeldet sind, lehnen Sie die Anfrage ab, wodurch 404 zurückgegeben wird
const userAuth = (ctx, next) => { let isLogin = ctx.session.isLogin if(isLogin) return next() } router.use('/', userAuth)
Dieser Vorgang wird in die Route aufgenommen, z „/a“, „/b“ usw. und muss im Untertitel enthalten sein. Vor dem Routing verwenden, sonst ist es ungültig
Ich glaube, Sie haben die Methode gemeistert, nachdem Sie den Fall in diesem Artikel gelesen haben Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Was sind die Schleifendurchlaufanweisungen in Vue?
Zwei Methoden zum Implementieren der Popup-Funktion
Das obige ist der detaillierte Inhalt vonDetaillierte Analyse des Koa-Projektbaus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!