Express Node.js

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,帮助开发者快速的搭建 web 应用。本实验带您快速入门 Express,踏入基于 Node.js 平台的 web 开发的世界。
一、安装 NodeJS

安装,查看

curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -

yum -y install nodejs

node -v

二、安装 Express

创建并进入目录

mkdir -p /data/release/hello

cd /data/release/hello

初始化项目

npm init
可以写其他:如 app.js

安装 Express并将其保存到依赖列表中

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

npm install express --save

如果只是临时安装 Express,不想将它添加到依赖列表中,只需略去 --save 参数
如果安装很慢,可使用 Yarn 代替

三、Hello world

vim /data/release/hello/index.js

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

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

var server = app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});
node index.js

访问 firefox http://192.168.0.11:3000/

测试成功

四、安装Express 应用生成器

npm install express-generator -g
帮助

创建项目(创建一个命名为 myapp 的应用)

cd /data/release

express myapp
image
image

启动应用

cd myapp/

npm install

DEBUG=myapp:* npm start

访问 firefox http://192.168.0.11:3000/

image

五、基本路由

Express 路由简介

路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET、POST 等)组成的,
涉及到应用如何响应客户端对某个网站节点的访问。

每一个路由都可以有一个或者多个处理器函数,当匹配到路由时,这些函数将被执行。

路由的定义由如下结构组成:

app.METHOD(PATH, HANDLER)

其中:

    app 是一个 express 实例;
    METHOD 是某个 HTTP 请求方式 中的一个
    PATH 是服务器端的路径;
    HANDLER 是当路由匹配到时需要执行的函数。

一个简单的 Express 路由

修改 hello 项目

cd /data/release/hello

vim /data/release/hello/index.js
var express = require('express');
var app = express();

// 对网站首页的访问返回 "Hello World!" 字样
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');
});

var server = app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

启动应用

node index.js

测试

curl -X POST http://192.168.0.11:3000

curl -X PUT http://192.168.0.11:3000/user

curl -X DELETE http://192.168.0.11:3000/user
测试成功

六、静态文件(利用 Express 托管静态文件)
通过 Express 内置的 express.static 可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。

创建静态目录

mkdir -p /data/release/hello/public

vim /data/release/hello/public/hello.html
编写测试页面

修改应用

vim /data/release/hello/index.js
var express = require('express');
var app = express();

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

var server = app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

将静态资源文件所在的目录作为参数传递给 express.static 中间件,这样就可以提供静态资源文件的访问了
static 中间件更多用法

启动应用

node app.js

访问 http://192.168.0.11:3000/hello.html

成功

将本地的文件通过拖拽至左边目录树的 public 目录上传文件来测试

image

访问 http://192.168.0.11:3000/1.png

image

导入python制作的一个小项目

image

访问 http://192.168.0.11:3000/index.html

image

访问 http://192.168.0.11:3000/css/comm.css

image

部署完成 !!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容