使用Express快速搭建静态资源服务器

Posted 2022-11-23 happydeer

有时候，客户端程序实现了某些功能需要与服务端联调，比如从服务器下载一些静态资源文件（XML、JSON、EXE、html/JS/CSS等），像前文提到的场景：测试Electron程序的自动升级功能，我们介绍了如何使用Minio，不用写一行代码就能搭建一个S3服务器。

本文要介绍的是，我们还可以使用Express，只需写几行代码，也能快速搭建一个静态资源下载服务器。

 步骤如下：

1. 前提条件，到官网去下载、安装最新的Node.js。安装完成后，在控制台执行node –v来查看是否确实安装成功了

2. 在本地硬盘创建一个空文件夹（作为项目文件夹），从控制台进入这个文件夹，再执行如下命令，以强制创建一个简易版的package.json：

npm init –y

3. 执行如下命令安装Express：

npm install express

4. 在项目文件夹内创建main.js文件，并敲入如下代码（如果想实现更加丰富的服务功能，可以到Express中文网查看更多示例代码）：

var express = require('express')
var path = require('path')
var serveStatic = require('serve-static')

const app = express()

const rootPath = path.join(__dirname, 'public')
app.use(serveStatic(rootPath))
app.listen(3000, ()=> 
    console.log('http://localhost:3000 started. Location: ' + rootPath)
)

5. 修改package.json，增加start命令的定义：

"scripts": 
    "start": "node main.js"
  

6. 在项目文件夹内创建一个叫public的子文件夹，然后在public下放入一个index.html文件

7. 在控制台执行：npm run start

8. 在浏览器里访问http://127.0.0.1:3000/index.html，如果页面打开成功，恭喜你，服务器搭建成功啦！

Git完整演示代码：
https://github.com/luqiming666/ExpressServer-static