软件工程 第二周的博客

Posted on Edited on

使用 Node.js 的 Express.js 模组 Host 自己的静态网页

首先创建项目文件夹:

1
2
3

mkdir project01; cd project01

然后创建app.js文件：

1
2
3

touch app.js; sudo nano app.js

差点忘了，没下载Node.js的先去这个地址下载一下：https://nodejs.org/en/download/

下载完初始化一下：

1
2
3

node init -y

到生成的package.json文件里 script object 里加个参数：

1
2
3

‘start'：‘node app’

好的，非常完美。

然后下载express：

1
2
3

npm i express --save

这里不建议把它下载为–global，因为会和别的模组冲突。

面对空白页，先导入express模组并初始化app（关于http模组的基础不做赘述，因为用那个太麻烦了）：

1
2
3

const app = require('express')()

然后省略几千字，直接上代码，不懂看注释 : )

1
2
3
4
5
6
7
8
9
10
11

app.use(express.static('./public'))     // 把静态网页需要的资源全扔 public 文件夹里就好了

app.all('*', (req, res) => {
  res.status(404).send('resource not found')
})                                                           // 这个是用来处理404 Bad Request 的

app.listen(5000, () => {
  console.log('server is listening on port 5000....')
})                                                          // 这个是选择端口

最后在 console 里输入：

1
2
3

npm start

完成！唯一的问题是我们用的还是 localhost， 也就是只有自己可以在端口 5000 看到自己的网页。

想让别人看到的话就去使用 Git Pages 的免费服务。

是不是很简单，开自己动手试一试吧！