前端控制器模式(Front Controller Pattern)是用来提供一个集中的请求处理机制,所有的请求都将由一个单一的处理程序处理。该处理程序可以做认证/授权/记录日志,或者跟踪请求,然后把请求传给相应的处理程序。以下是这种设计模式的实体。
定义两个需要展示的页面
class HomeView {
show(){
console.log("Displaying Home Page");
}
}
class StudentView {
show(){
console.log("Displaying Student Page");
}
}
定义展示器
class Dispatcher {
constructor() {
this.studentView = new StudentView();
this.homeView = new HomeView();
}
dispatch(request) {
if(request.toUpperCase()=="STUDENT"){
this.studentView.show();
}else{
this.homeView.show();
}
}
}
定义前端控制器
class FrontController {
constructor(){
this.dispatcher = new Dispatcher();
}
isAuthenticUser(){
console.log("User is authenticated successfully.");
return true;
}
trackRequest(request){
console.log("Page requested: " + request);
}
dispatchRequest(request){
//记录每一个请求
this.trackRequest(request);
//对用户进行身份验证
if(this.isAuthenticUser()){
this.dispatcher.dispatch(request);
}
}
}
通过前端请求,就能对所有访问的接口,进行记录和鉴权。
const frontController = new FrontController();
frontController.dispatchRequest("HOME");
frontController.dispatchRequest("STUDENT");