美文网首页React 学习手册
003-建立一个Node服务器

003-建立一个Node服务器

作者: VoyagerOne | 来源:发表于2017-05-26 23:22 被阅读122次

    用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,保存文件

    set package.json

    现在打开编辑器(ATOM)我们就可以看见项目文件夹中有了一个package.json 文件

    window-3.png
    当然你也可以自己按照规范写这个文件,但我认为用npm init更加方便

    安装express包

    现在我们来下载express这个包,有了这个包,我们就可以很轻松的建立我们的服务器了
    npm install express@4 --save
    npm install express@4 就是在当前目录下下载express包
    --save 就是让npm更新你的json文件
    你会问它从哪里下载,当然是从npm的官方库里下载,所以你必须联网。那他更新package.json 文件有什么用呢, 或者这个package.json文件又有什么用呢,因为它存储了你的项目所依赖的包,就算你在其他地方想要建立一个同样的项目,也不需要一个一个再去下载这些依赖包,直接在文件夹下使用npm install就可以自动下载所有依赖。

    window-4.png
    现在你可以看到,我们的express就下载好了,在node_moudels文件夹下你可以看到一堆文件,这些就是别人写好的各种方法,我们只需要使用就好 window-5.png

    同时,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:https://img.haomeiwen.com/i1856999/99ab265d9e6b83ac.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    相关文章

      网友评论

        本文标题:003-建立一个Node服务器

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