用node建立一个服务器是一件非常简单的事,因为已经有人给我们写好了代码,我们只需要引用他们的包就可以,这样就需要用到npm了。
建立package.json 文件
我们先在桌面上建一个文件夹,这里用终端建就好,方便使用
cd Desktop
mkdir Hello-Node
再进入刚刚建立的文件夹
cd Hello-Node
再让我们的小项目初始化,也就是建立大家经常看到的package.json
文件
npm init
init就是initialize(初始化)的缩写
接下来终端会出现一段提示语,第一句This utility will walk you through creating a package.json file.
就是说,这个工具会带你建立package.json
文件
name: (Hello-Node)
后面写入你想给你的项目起的名字(注意:不要有大写)
version: (1.0.0)
你的项目版本号,默认1.0.0,前一个name的默认是Hello-Node,也就是你的文件夹名,相信大家看出来了,()
里就是默认值
description:
这里就没有默认值了,需要你自己输入你的项目的介绍和描述,我们可以简单的输入: this is a test
entry point:(index.js)
就是你的项目的入口,即项目开始运行时就从入口点开始运行,index.XXX
我们在web开发中已经很常见了,这里我们直接默认就好
test command:
git repository:
keywords:
这三个我们让他们空着就好,现在不需要理解,直接回车
author:
输入自己的名字
license:
我们输入MIT
现在package.json
文件就已经建好了
{
"name": "node_test",
"version": "1.0.0",
"description": "this is a test",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Eric",
"license": "MIT"
}
键入yes,保存文件
现在打开编辑器(ATOM)我们就可以看见项目文件夹中有了一个package.json 文件
当然你也可以自己按照规范写这个文件,但我认为用
npm init
更加方便
安装express包
现在我们来下载express这个包,有了这个包,我们就可以很轻松的建立我们的服务器了
npm install express@4 --save
npm install express@4
就是在当前目录下下载express包
--save
就是让npm更新你的json文件
你会问它从哪里下载,当然是从npm的官方库里下载,所以你必须联网。那他更新package.json 文件有什么用呢, 或者这个package.json文件又有什么用呢,因为它存储了你的项目所依赖的包,就算你在其他地方想要建立一个同样的项目,也不需要一个一个再去下载这些依赖包,直接在文件夹下使用npm install
就可以自动下载所有依赖。
现在你可以看到,我们的express就下载好了,在node_moudels文件夹下你可以看到一堆文件,这些就是别人写好的各种方法,我们只需要使用就好
同时,package.json 文件也被更新了,多加入了依赖信息
"dependencies": {
"express": "^4.15.3"
}
你现在可以做一个测试,删掉node_moudels文件夹,然后运行npm install
你会发现它又下载了刚才的express包,这就是npm和pacakge.json最明显的好处
建立服务器
现在我们在Hello-Node文件夹下建一个js文件,取名为server.js(取名随意)
var express = require('express');
var app = express();
app.use(express.static('public'));
app.listen(3000, function(){
console.log('listening to 3000');
})```
现在我们一个一个来解释
`var express = require('express');` 我们新建一个变量,让它引用express,我们现在就可以使用所有express的方法了
`var app = express();` 这里我们把`express()`方法赋给app变量
`app.use(express.static('public'));` 这里我们将服务器的根目录设置为public文件夹,这个时候我们再新建一个public文件夹
app.listen(3000, function(){
console.log('listening to 3000');
})
这里可以使服务器监听3000端口,并且在启动时输出'listening to 3000'信息
##启动服务器
当然现在这个服务器还没有启动,我们在终端里输入 `node server.js` 屏幕输出'listening to 3000',我们的服务器就建好了。打开浏览器,输入`localhost:3000`,什么也没有,因为我们的服务器目录下还没有文件
我们在public里新建一个index.html文档,并且输入:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Node Server</title>
</head>
<body>
<h1>Working!</h1>
</body>
</html>
保存,刷新浏览器,出现以下则我们的第一个node服务器就建好了:)
![window-6.png](http://upload-images.jianshu.io/upload_images/1856999-99ab265d9e6b83ac.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)