美文网首页
express-demo

express-demo

作者: jrg陈咪咪sunny | 来源:发表于2018-11-19 12:08 被阅读0次

Express是目前最流行的基于Node.js的Web开发框架,可以快速地搭建一个完整功能的网站。

$ mkdir  hello-world //新建一个项目目录
$ cd ./hello-world/   //进入目录
$ npm init -y     //新建一个package.json文件
//package.json文件
{
  "name": "hello-world",
  "description": "hello world test app",
  "version": "0.0.1",
  "private": true,
  "dependencies": {
    "express": "4.x"
  }
}

上面代码定义了项目的名称、描述、版本等,并且指定需要4.0版本以上的Express。

$ npm install   //安装express
$ touch index.js  //新建一个启动文件,假定叫做index.js

ps:现在我们是简单的demo,生成动态网页。

// index.js 
var express = require('express');
var app = express();
app.get('/', function (req, res) {
  res.send('Hello world!');
});
app.listen(3000);
$ node index   //运行启动脚本,在浏览器中访问项目网站

本机的3000端口


demo.png

退出:ctrl+c

ps:官网学习http://javascript.ruanyifeng.com/nodejs/express.html#toc4:use是express注册中间件的方法,它返回一个函数。

//package.json文件
var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public'));

app.listen(8080);

可以访问http://localhost:8080,它会在浏览器中打开当前目录的public子目录(严格来说,是打开public目录的index.html文件)。如果public目录之中有一个图片文件my_image.png,那么可以用http://localhost:8080/my_image.png访问该文件。

相关文章

  • express-demo

    Express是目前最流行的基于Node.js的Web开发框架,可以快速地搭建一个完整功能的网站。 上面代码定义了...

网友评论

      本文标题:express-demo

      本文链接:https://www.haomeiwen.com/subject/vcmofqtx.html