最简单的服务器

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

const express &＃61; require(&＃39;express&＃39;);

var app &＃61; express();


//返回html格式
app.get(&＃39;/&＃39;,(req,res)&＃61;>{
 res.send(&＃39;

Hello world

&＃39;);
});

//返回json格式
app.get(&＃39;/fast&＃39;,(req,res)&＃61;>{
 res.send({
     name:&＃39;json&＃39;,
     likes:[
       &＃39;reading&＃39;,
       &＃39;coding&＃39;
     ]
 });
});
//监听端口
app.listen(3000);

访问&＃xff1a;
localhost:3000
localhost:3000/fast

访问静态文件

创建public/help.html

1
2
3
4
5
6
7
8
9
10


"en" dir&＃61;"ltr">
 
   "utf-8">
   
 
 
   

Hello Jonson


 

express.js:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

const express &＃61; require(&＃39;express&＃39;);

var app &＃61; express();

// 参数是一个middleware
app.use(express.static(__dirname &＃43;&＃39;/public&＃39;));
//返回html格式
app.get(&＃39;/&＃39;,(req,res)&＃61;>{
 res.send(&＃39;

Hello world

&＃39;);
});

//返回json格式
app.get(&＃39;/fast&＃39;,(req,res)&＃61;>{
 res.send({
     name:&＃39;json&＃39;,
     likes:[
       &＃39;reading&＃39;,
       &＃39;coding&＃39;
     ]
 });
});
//监听端口,  第二个回调是开启服务器后调用
app.listen(3000,()&＃61;>{
 console.log(&＃39;hello jonson&＃39;);
});

访问&＃xff1a;
http://localhost:3000/help.html
会打开public/help.html的页面并显示出来。

动态注入 express template engines

1

npm install --save hbs

新建views/about.hbs:

1
2
3
4
5
6
7
8
9
10
11



 
   
   
 
 
   

{{currentYear}}


   
{{pageTitle}}

 

express.js:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

const express &＃61; require(&＃39;express&＃39;);
const hbs &＃61; require(&＃39;hbs&＃39;);
var app &＃61; express();

app.set(&＃39;view engine&＃39;,&＃39;hbs&＃39;);




// 参数是一个middleware
app.use(express.static(__dirname &＃43;&＃39;/public&＃39;));
//返回html格式
app.get(&＃39;/&＃39;,(req,res)&＃61;>{
 res.send(&＃39;

Hello world

&＃39;);
});

//返回json格式
app.get(&＃39;/fast&＃39;,(req,res)&＃61;>{
 res.send({
     name:&＃39;json&＃39;,
     likes:[
       &＃39;reading&＃39;,
       &＃39;coding&＃39;
     ]
 });
});

//动态传递参数。
app.get(&＃39;/about&＃39;,(req,res)&＃61;>{
 res.render(&＃39;about.hbs&＃39;,{
   pageTitle:&＃39;About Page&＃39;,
   currentYear:new Date().getFullYear()
 });
});
//监听端口,  第二个回调是开启服务器后调用
app.listen(3000,()&＃61;>{
 console.log(&＃39;hello jonson&＃39;);
});

访问&＃xff1a;
localhost/about

模版封装

新建&＃xff1a;views/partial/footer.hbs:

1
2
3


   

{{pageTitle}}


view/abut.hbs:

1
2
3
4
5
6
7
8
9
10
11


"en" dir&＃61;"ltr">
 
   "utf-8">
   
 
 
   

{{currentYear}}


     {{> footer}}
 

express.js:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

const express &＃61; require(&＃39;express&＃39;);
const hbs &＃61; require(&＃39;hbs&＃39;);
var app &＃61; express();

hbs.registerPartials(__dirname &＃43; &＃39;/views/partials&＃39;);
app.set(&＃39;view engine&＃39;,&＃39;hbs&＃39;);
// 参数是一个middleware
app.use(express.static(__dirname &＃43;&＃39;/public&＃39;));


//返回json格式
app.get(&＃39;/about&＃39;,(req,res)&＃61;>{
 res.render(&＃39;about.hbs&＃39;,{
   pageTitle:&＃39;About Page&＃39;,
   currentYear:new Date().getFullYear()
 });
});
//监听端口,  第二个回调是开启服务器后调用
app.listen(3000,()&＃61;>{
 console.log(&＃39;hello jonson&＃39;);
});

访问&＃xff1a;
localhost/about

express middleware

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

const express &＃61; require(&＃39;express&＃39;);
const hbs &＃61; require(&＃39;hbs&＃39;);
const fs &＃61; require(&＃39;fs&＃39;);
var app &＃61; express();


hbs.registerPartials(__dirname &＃43; &＃39;/views/partials&＃39;);
app.set(&＃39;view engine&＃39;,&＃39;hbs&＃39;);
// 参数是一个middleware
app.use(express.static(__dirname &＃43;&＃39;/public&＃39;));
//返回html格式
app.get(&＃39;/&＃39;,(req,res)&＃61;>{
 res.send(&＃39;

Hello world

&＃39;);
});

//自定义middleware
app.use((req,res,next)&＃61;>{
 var now &＃61; new Date().toString();
 var log &＃61; &＃96;${now}:${req.method} ${req.url}&＃96;;
 console.log(log);
 fs.appendFile(&＃39;server.log&＃39;,log&＃43;&＃39;\n&＃39;,(err)&＃61;>{});
 next();

});
//返回json格式
app.get(&＃39;/fast&＃39;,(req,res)&＃61;>{
 res.send({
     name:&＃39;json&＃39;,
     likes:[
       &＃39;reading&＃39;,
       &＃39;coding&＃39;
     ]
 });
});

//返回文件&＃xff0c;about.hbs在views文件夹下
app.get(&＃39;/about&＃39;,(req,res)&＃61;>{
 res.render(&＃39;about.hbs&＃39;,{
   pageTitle:&＃39;About Page&＃39;,
   currentYear:new Date().getFullYear()
 });
});
//监听端口,  第二个回调是开启服务器后调用
app.listen(3000,()&＃61;>{
 console.log(&＃39;hello jonson&＃39;);
});

  • 本文链接&＃xff1a; https://dreamerjonson.com/2018/11/15/node-15-express/

  • 版权声明&＃xff1a; 本博客所有文章除特别声明外&＃xff0c;均采用 CC BY 4.0 CN协议 许可协议。转载请注明出处&＃xff01;

image.png