欢迎您访问365答案网,请分享给你的朋友!
生活常识 学习资料

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

时间:2023-06-28

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

Copyright © 2016-2020 www.365daan.com All Rights Reserved. 365答案网 版权所有 备案号:

部分内容来自互联网,版权归原作者所有,如有冒犯请联系我们,我们将在三个工作时内妥善处理。