使用Express开发我的网站（一）

时间 2019-11-08

原文原文链接

Express，基于Node.js平台，快速、开放、极简的 web 开发框架。javascript

　　Node的出现，让js有了运行在服务器端的可能，基于此的Express，能够快速，简单的搭建起一个服务器与我的网站。css

安装

　　首先安装nodejs，具体安装过程这里再也不累述，进入到建立的应用目录，使用npm init命令建立一个package.json 文件，这个命令会要求你输入一些信息，好比像我的信息，应用的版本号等，能够直接跳过使用默认，只有一个entry point除外，这个参数规定了当前应用的入口文件，你能够使用app.js或者index.js一些你本身规定的入口文件。html

　　接下来使用npm install express命令安装express，若是须要将express加入到依赖表中就使用npm install express --save命令。java

　　看一下应用的目录：node

　　client是主要的页面文件，public是静态文件，app.js入口文件git

Hello world

　　在入口文件app.js中加入以下代码，就能启动一个简单的服务器github

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

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

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

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

　　输入命令node app.js运行，结果以下：web

在网页访问localhost:5277能够看到返回的Hello world。express

路由

　　设置路由，当用户访问特定的URL能够获取相应的页面。npm

　　在client下放入一个index.html主页文件，当用户访问主页地址时发送此文件。

　　主页以下：

<html>
    <head>
        <meta charset="utf-8">
        <title>个人主页</title>
    </head>
    
    <body>
        <h1>欢迎来到个人主页</h1>
    </body>
</html>

　　读取文件须要引入node的文件模块fs：

var fs = require('fs');

　　使用readFile函数读取文件， readFile(filename,[options],callback)

　　filename：文件名或者路径，必须

　　options：可选参数，包括读写，不存在建立，已经encoding编码属性

　　callback：回调函数，默认第一个参数error，第二个data

app.get('/', function (req, res) {
    fs.readFile('./client/index.html',function(error,data){
    if(error) {
            //错误，发生错误信息
        res.send('500 - Server Error');
    }else{
            //成功，发生文件，并设置类型为‘text/html’
        res.set('Content-Type', 'text/html');
        res.send(data);
    }
   });
});

　　运行，浏览器访问localhost:5277，显示以下

　　须要在访问图片，css等静态资源，能够经过 Express 内置的 express.static 托管静态文件，设置以下：

//public为静态资源文件地址
app.use(express.static('public'));

　　在主页中就能够使用src="images/img.png"直接访问图片。

　　完整代码：https://github.com/Martian1/myweb