1. 框架約定目錄規則
1.1 App/router.js:用于配置URL路由規則;
1.2 app/controller/** :用于解析用戶的輸入,處理后返回相應的結果;
1.3 app/service/**: 用于編寫業務邏輯層;
1.4 app/public/**: 用于放置靜態資源;
1.5 config/config.{env}.js: 用于編寫配置文件;
1.6 config/plugin.js 用于配置需要加載的插件;
2.內置對象
1. Application:全局應用對象,在一個應用中,只會實例化一個對象;
在繼承于 Controller, Service 基類的實例中,可以通過 this.app 訪問到 Application 對象。
2. Request & Response:可以在 Context 的實例上獲取到當前請求的 Request(ctx.request) 和 Response(ctx.response) 實例;
3. Controller:推薦所有的 Controller 都繼承于該基類實現。該基類屬性有:
ctx - 當前請求的 Context 實例。
app - 應用的 Application 實例。
service - 應用所有的 service。
4. Service:推薦所有的Service都繼承該基類。
Service基類屬性和 Controller 基類屬性一致。
3.路由Router
路由是描述請求URL和具體承擔執行動作的Controller的對應。說的直白點,就是用戶訪問不同的路徑時應該有不同的Controller去響應不同的內容。
4.控制器Controller
1. 控制器的定義以及和路由的關聯
Controller負責解析用戶的輸入,處理后返回響應的結果。所有的Controller 文件都必須放在 app/controller目錄下,支持多級目錄,訪問時可以通過目錄名級聯訪問。如將Controller代碼放到 app/controller/sub/post.js 中,則可以在 router 中這樣使用:
// app/router.js
module.exports = app => {
app.router.post('createPost', '/api/posts', app.controller.sub.post.create);
}
同時,我們也可以自定義基類給控制器繼承,官方案例如下:
// app/core/base_controller.js
const { Controller } = require('egg');
class BaseController extends Controller {
get user() {
return this.ctx.session.user;
}
success(data) {
this.ctx.body = {
success: true,
data,
};
}
notFound(msg) {
msg = msg || 'not found';
this.ctx.throw(404, msg);
}
}
module.exports = BaseController;
定義控制器繼承他:
//app/controller/post.js
const Controller = require('../core/base_controller');
class PostController extends Controller {
async list() {
const posts = await this.service.listByUser(this.user);
this.success(posts);
}
}
5.獲取提交的數據
接收GET請求的數據:ctx.request.query 和 ctx.query.id;
接收POST請求的數據:ctx.request.body,而不是 ctx.body;post請求時,會有安全驗證問題,簡單的處理方式是關閉安全驗證:
// config/config.default.js
// 配置安全驗證
config.security = {
csrf: {
enable: false,
ignoreJSON: true,
}
}
Post數據默認大小是100kb,如需調整可在 config/config.default.js 中覆蓋框架的默認值:
module.exports = {
bodyParser: {
jsonLimit: '1mb',
formLimit: '1mb',
},
};
接收路由參數:
// app.get('/projects/:projectId/app/:appId', 'app.listApp');
// GET /projects/1/app/2
class AppController extends Controller {
async listApp() {
assert.equal(this.ctx.params.projectId, '1');
assert.equal(this.ctx.params.appId, '2');
}
}
6.獲取上傳的文件
記住了,你要先在 config 文件中啟用 file 模式:
// config/config.default.js
exports.multipart = {
mode: 'file',
};
然后,你就可以參考下面的代碼了:
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="avatar" id="avatar" multiple>
<input type="file" name="avatar1" id="avatar">
<input type="file" name="avatar2" id="avatar" multiple>
<input type="submit" value="上傳">
</form>
這里的參考代碼只處理一張圖片,多張圖片循環處理就可以了:
class UploadController extends Controller {
async file() {
const { ctx } = this;
const dest = '/public/upload/';
const file = ctx.request.files[0];
console.log(ctx.request.files);
let to = path.dirname(__dirname) + dest + path.basename(file.filepath);
// 處理文件,比如上傳到云端 或 放到指定的目錄
await fs.copyFileSync(file.filepath, to);
fs.unlinkSync(file.filepath);
console.log(dest);
// 返回圖片路徑
let cluster = this.app.config.cluster.listen;
ctx.body = `http://${cluster.hostname}:${cluster.port}${dest}${path.basename(file.filepath)}`;
}
}
7.Cookie
通過 ctx.cookies可以在 Controller 中便捷、安全的設置和讀取 Cookie。
class CookieController extends Controller {
async add() {
const ctx = this.ctx;
let count = ctx.cookies.get('count');
count = count ? Number(count) : 0;
ctx.cookies.set('count', ++count);
ctx.body = count;
}
async remove() {
const ctx = this.ctx;
const count = ctx.cookies.set('count', null);
ctx.status = 204;
}
}
需要注意的是,cookie默認不支持中文,可以嘗試轉碼,如encodeURI('中文egg'),然后再轉回來decodeURI(ctx.cookies.get('username'));也可以通過加密的方式處理。
清除cookie把值設置為null即可。
在設置cookie時有個對象類型的可選參數,可以對cookie進行相關設置:
maxAge: 設置cookie的有效期,單位毫秒,默認瀏覽器關閉消失;
httpOnly:設置cookie是否允許js訪問,默認true,不允許;
overwrite:如果設置為true,相同的鍵值對會被覆蓋,否則發送兩個;
signed:如果為true表示對cookie進行簽名,不是加密,只是防止被篡改,注意在獲取的時候也要提供該設置進行匹配;
encrypt:是否加密,true加密后客戶端看不到明文,只能在服務器端獲取,注意在獲取的時候也要提供該設置進行匹配;
8.Session
Session 的使用方法非常直觀,直接讀取或者修改就可以,如果要刪除它,直接將它賦值為 null:
class SessionController extends Controller {
async deleteSession() {
this.ctx.session = null;
}
};
注意:設置 session 屬性時不要以 _ 開頭,不能為 isNew
Session默認配置如下:
exports.session = {
key: 'EGG_SESS',
maxAge: 24 * 3600 * 1000, // 1 天
httpOnly: true,
encrypt: true,
};
也可以針對性設置有效期:
// 如果用戶勾選了 `記住我`,設置 30 天的過期時間
if (rememberMe) ctx.session.maxAge = ms('30d');
重置session的有效期:當用戶 Session 的有效期僅剩下最大有效期一半的時候
// config/config.default.js
module.exports = {
session: {
renew: true,
},
};
9.調用service
在 Controller 中可以調用任何一個 Service 上的任何方法,同時 Service 是懶加載的,只有當訪問到它的時候框架才會去實例化它。
// 調用 service 進行業務處理
const res = await ctx.service.post.create(req);
10.發送HTTP響應
i. 設置status
// 設置狀態碼為 201
this.ctx.status = 201;
ii. 設置body
ctx.body 是 ctx.response.body 的簡寫,不要和 ctx.request.body 混淆了;
// 響應內容
this.ctx.body = '<html><h1>Hello</h1></html>';
iii. JSONP
app.jsonp() 提供的中間件來讓一個 controller 支持響應 JSONP 格式的數據。在路由中,我們給需要支持 jsonp 的路由加上這個中間件:
// app/router.js
module.exports = app => {
const jsonp = app.jsonp();
app.router.get('/api/posts/:id', jsonp, app.controller.posts.show);
app.router.get('/api/posts', jsonp, app.controller.posts.list);
};
在 Controller 中,只需要正常編寫即可。用戶請求對應的 URL 訪問到這個 controller 的時候,如果 query 中有 _callback=fn 參數,將會返回 JSONP 格式的數據,否則返回JSON格式的數據。
可配置:
// config/config.default.js
exports.jsonp = {
callback: 'callback', // 識別 query 中的 `callback` 參數
limit: 100, // 函數名最長為 100 個字符
};
iv. 重定向
Ø ctx.redirect(url) 如果不在配置的白名單域名內,則禁止跳轉。
Ø ctx.unsafeRedirect(url) 不判斷域名,直接跳轉,一般不建議使用,明確了解可能帶來的風險后使用。
用戶如果使用ctx.redirect方法,需要在應用的配置文件中做如下配置:
// config/config.default.js
exports.security = {
domainWhiteList:['.domain.com'], // 安全白名單,以 . 開頭
};
若用戶沒有配置 domainWhiteList 或者 domainWhiteList數組內為空,則默認會對所有跳轉請求放行,即等同于ctx.unsafeRedirect(url)