Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Schritte zum Aufbau des Koa-Projekts
Dieses Mal werde ich Ihnen die Schritte zum Aufbau des Koa-Projekts ausführlich erläutern. Was sind die Vorsichtsmaßnahmen für den Aufbau des Koa-Projekts?
Dieser Artikel stellt die detaillierte Aufzeichnung des Koa-Projektbauprozesses vor und teilt sie mit allen. Die Details sind wie folgt:
Spring MVC plus MyBatis in Java ist im Grunde zum Java-Webstandard 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-Projektkonstruktioncnpm install -g koa-generator
// 这里一定要用koa2
koa2 /foo
Die vom koa-generator generierte Anwendung enthält bereits gemeinsame Middleware , hier spreche ich nur über diejenigen, die darin nicht verwendet werden.
koa-lessapp.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.
verwenden, das als normales Objekt verwendet werden kann// 赋值
ctx.session.statu = value
// 取值
ctx.session.statu
// 删除
ctx.session.statu = null
für die Proxy-Konfiguration
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 erholsamer Schnittstelle und
Vorlagen-RenderingAbrufen von Parametern (Anfrage)
Abfrageparameter (?param=a)
ctx.query.paramRouting-Parameter
(/:id)ctx.params.id
POST-Parameter (JSON oder Form)
ctx.request.bodyAntwort anfordern (Antwort)
Die Daten, die der Server dem Client antwortet
erholsam
ctx.body = yourData
Vorlagenrendering
Standard ab Ausgehend vom Ansichtsverzeichnis ist kein Dateisuffix zulässig
ctx.render('layout', yourData)Routenabfang
Anfrage ablehnen, wenn Sie nicht angemeldet sind, was 404 zurückgibt
const userAuth = (ctx, next) => { let isLogin = ctx.session.isLogin if(isLogin) return next() } router.use('/', userAuth)
Dieser Vorgang umfasst In Routen wie „/a“, „/b“ usw. müssen diese vor Unterrouten verwendet werden, andernfalls sind sie ungültig
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website. Andere verwandte Artikel!
Empfohlene Lektüre:
So verhindern Sie das Löschen von Daten nach der Aktualisierung der Vuex-SeitejQuery implementiert den Mausklick-SperreffektDas obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Aufbau des Koa-Projekts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!