Hong's Blog
Be Agile. Be Smart. Be Visionary. Be Dedicated.
介绍一下如何利用Node.js搭建一个简单的静态文件server。 这里用到了Express,Express是Node.js世界的web framework。
创建工程目录,
$ mkdir my-app $ cd my-app
为自己的工程建一个package.json文件,
package.json
$ npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help json` for definitive documentation on these fields and exactly what they do. Use `npm install <pkg> --save` afterwards to install a package and save it as a dependency in the package.json file. Press ^C at any time to quit. name: (my-app) version: (1.0.0) description: entry point: (index.js) test command: git repository: keywords: author: license: (ISC) About to write to E:\tmp\my-app\package.json: { "name": "my-app", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } Is this ok? (yes)
npm init会问你一些问题,直接回车表示接受默认值。package.json的更多信息见此文档。
npm init
安装Express,--save选项会在package.json文件里加上对express的依赖。
--save
express
$ npm install express --save
如果在执行npm init时没有指定新的名字,那么程序的“main”文件就是index.js。编辑index.js文件如下,
index.js
var express = require('express'); var app = express(); app.listen(3000, function() { console.log('i am alive on port 3000'); }); app.use(express.static(__dirname + '/public'));
把静态文件放到public目录下面。 假设public目录下面有个index.html文件,那么就可以通过http://localhost:3000/index.html来访问文件了。
public
index.html
http://localhost:3000/index.html
如果想给静态文件指定URL前缀,可以这样(详见文档),
app.use('/static', express.static(__dirname + '/public'));
现在可以通过http://localhost:3000/static/index.html来访问文件。
http://localhost:3000/static/index.html
如果你觉得这篇文章对你有用,可以微信扫一扫表示🙏 / If you find this post is useful to you, buy me 🍶 via Wechat
使用Node.js搭建一个简单的静态文件server。
介绍一下如何利用Node.js搭建一个简单的静态文件server。 这里用到了Express,Express是Node.js世界的web framework。
新建工程
创建工程目录,
为自己的工程建一个
package.json
文件,npm init
会问你一些问题,直接回车表示接受默认值。package.json
的更多信息见此文档。安装依赖
安装Express,
--save
选项会在package.json
文件里加上对express
的依赖。编写代码
如果在执行
npm init
时没有指定新的名字,那么程序的“main”文件就是index.js
。编辑index.js
文件如下,把静态文件放到
public
目录下面。 假设public
目录下面有个index.html
文件,那么就可以通过http://localhost:3000/index.html
来访问文件了。如果想给静态文件指定URL前缀,可以这样(详见文档),
现在可以通过
http://localhost:3000/static/index.html
来访问文件。如果你觉得这篇文章对你有用,可以微信扫一扫表示🙏 / If you find this post is useful to you, buy me 🍶 via Wechat