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

有时候,客户端程序实现了某些功能需要与服务端联调,比如从服务器下载一些静态资源文件(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

猜你喜欢

转载自blog.csdn.net/happydeer/article/details/122893161