【从简】官方Express安装

1 已经安装了 Node.js,接下来为你的应用创建一个目录,然后进入此目录并将其作为当前工作目录。

mkdir myapp (注意小写 不支持大写)
cd myapp

2 为你的应用创建一个 package.json 文件,此命令将要求你输入几个参数,例如此应用的名称和版本。 你可以直接按“回车”键接受默认设置即可,但entry point: (index.js)指定一个当前应用的入口文件,可以自定义myjavascript.js文件

npm init

3 安装 Express 并将其保存到依赖列表中,如果只是临时安装 Express,不想将它添加到依赖列表中,只需略去 --save 参数即可

npm install express --save

4 进入 myapp 目录,创建一个名为 app.js 的文件.(启动一个服务并监听从 3000 端口进入的所有连接请求。他将对所有 (/) URL 或 路由 返回 “Hello World!” 字符串。对于其他所有路径全部返回 404 Not Found。)

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

var server = app.listen(3000, function () {
  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);
});

5 进入到目录路径,启动该服务:

node app.js

浏览器中打开 http://localhost:3000/ 并查看输出结果

6 与express generator创建的类似,只不过这个命令可以生成更多配置方便调试,这个显得比较基础,最简单的达成了:跑起来的目的。

补充

----------------什么是路由
定义由如下结构组成:app.METHOD(PATH, HANDLER)。其中,app 是一个 express 实例;METHOD 是某个 HTTP 请求方式中的一个;PATH 是服务器端的路径;HANDLER 是当路由匹配到时需要执行的函数。

app.get('/', function (req, res) {
  res.send('Hello World!');
});

// 网站首页接受 POST 请求
app.post('/', function (req, res) {
  res.send('Got a POST request');
});

// /user 节点接受 PUT 请求
app.put('/user', function (req, res) {
  res.send('Got a PUT request at /user');
});

// /user 节点接受 DELETE 请求
app.delete('/user', function (req, res) {
  res.send('Got a DELETE request at /user');
});

----------------怎么引用静态文件图片JS 样式等
通过 Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了。例如,假设在 public 目录放置了图片、CSS 和 JavaScript 文件,你就可以(所有文件的路径都是相对于存放目录的,因此,存放静态文件的目录名不会出现在 URL 中。如果资源太多且存在于多个目录下面,你可以多次调用 express.static 中间件,会根据目录添加的顺序查找所需的文件):

app.use(express.static('public'));
app.use(express.static('files'));

现在,public 目录下面的文件就可以访问了。

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

同时为了简化路径统一,之后就可以使用通过带有 “/static” 前缀的地址来访问 public 目录下面的文件了

app.use('/static', express.static('public'));
app.use('/static', express.static('files'));
http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html

你可能感兴趣的:(【从简】官方Express安装)