【从简】官方Express安装

作者: SevenJustin | 来源:发表于2016-12-23 14:13 被阅读75次

【从简】官方Express安装
使用 Node.js 搭建自己的服务器
Vue-SSR入门
node（1）
node---express命令
node之Express框架
mac 使用express -e ./
express安装
Node Express port_url
可视化神器Plotly--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