zoukankan      html  css  js  c++  java
  • 极简Node教程-七天从小白变大神(一:你需要Express)

    如果说用一句话来概括Node那就是:它开启了JavaScript服务器端语言。
    Node系列的文章并不会从一开始长篇概论的讲Node的历史,安装,以及其他很琐碎的事情。只会专门介绍关于Node或者准确来讲是关于Node的敏捷开发。

    首先我们需要一个脚手架

    快速了解Express

    1.Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。

    2.API
    丰富的 HTTP 快捷方法和任意排列组合的 Connect 中间件,让你创建健壮、友好的 API 变得既快速又简单。

    3.性能
    Express 不对 Node.js 已有的特性进行二次抽象,我们只是在它之上扩展了 Web 应用所需的基本功能。

    如果说你对以上还是云里雾里的话,我们接下来马上利用Express开发一个网站

    Express五分钟开发一个网站

    首先确保你已经安装好Node.exe 及其附带的npm , 这是我们开发的关键,然后打开任意的命令行不管是系统自带的命令行或者node附带的亦或是Git cmd.
    键入:

     $ npm install express-generator -g // npm install 是安装任何第三方包的命令,  express-generator -g 指在全局范围下安装名为 express-generator 的第三方包。
    

      

    等待系统联网安装express,下载完成后,可以选择你喜欢的名字作为应用目录:

      express myapp     //指在当前命令行目录下创建一个名为myapp的文件夹用来做应用目录
    

      

    等待系统生成应用骨架,然后进入myapp目录下:

    cd myapp           //到达我们的工作目录
    

      

    然后 下载所有express这个应用所需的所有依赖项 (可以理解为前端项目自动下载jquery,bootstrap 之类的第三方库或者框架,当然事实上并不是这个意思):

    npm install 
    

      

    下载完毕后,就可以启动我们的express应用了,运行:

    npm start  // 或者 node app.js 或者其实还有很多的奇淫巧计
    

      

    现在打开你喜欢的Chrome浏览器或者Edge 浏览器 网址输入奇怪的 域名:

    http://localhost:3000/
    

      

    等待片刻,标志性的Express 就出来了,现在不管你的心情是欣喜或者郁闷抑或习以为常,这本质上就是一个网站了,为防你不信,还可以输入另一个奇怪的域名:

     http://localhost:3000/users     //
    

      

    我们刚才仅仅只是简单的启动了express罢了,现在开始真正的开发了。

    在目录下新建一个名为server.js 的文件,作为项目的入口文件:

       /*           以下代码等下会有详细的解释              */
          var express = require('express');  // 用来引入express模块
          var app   = express();                 // express 实例对象
    app.set('port',process.env.PORT || 3000);
                                                          // 设置端口为3000
    app.get('/',function  (req,res) {          //  设置首页的路由 用 '/' 表示
    res.send('Ritsu Yan ') 
    })
    app.get('/about',function  (req,res) {    //设置about页面的路由 用 '/about' 表示
    res.send('the node course')             
    })
    app.use(function  (req,res,next) {         // 设置404页面
    res.status(404);
    res.send('404 - Not Found')
    })
    app.listen(app.get('port'),function  () {      // 监听端口如果有用户进入页面发送请求我们输出以下语句
    console.log('express started on port 3000')
    })
    

      

    现在 关闭当前命令行新建一个 命令行然后重新输入

      node server.js 
    

      

    然后浏览器重载首页即

       http://localhost:3000/
    

      

    或者

     http://localhost:3000/about 
    

      

    都能得到满意的回应

    现在我们看看server.js 做了什么
    1. 使用require('xxx') 引入了express 模块, 这种方式是 Node 中少数同步的操作,它一开始会去Node 的原始 node_modules 目录下寻找express 模块 然后引入,把值赋给express,然后实例化为app.

    2. app.set('port',xxx) 能够设置我们的域名端口,这里process.env.PORT是指
      环境变量要是设置了PORT,那么就用环境变量的PORT,环境变量没有我们就用3000.

    其他路由信息可以自行百度或者暂时只需要了解 app.get是 用来处理路由请求的.
    详见

    小结

    本篇只是简单的介绍了express的简单开发,由于篇幅欲求极简,其他讯息烦请自行了解。



    作者:颜卿今天Coding了吗
    链接:https://www.jianshu.com/p/b4701a6efc50
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
  • 相关阅读:
    解释机器学习模型的一些方法(一)——数据可视化
    机器学习模型解释工具-Lime
    Hive SQL 语法学习与实践
    LeetCode 198. 打家劫舍(House Robber)LeetCode 213. 打家劫舍 II(House Robber II)
    LeetCode 148. 排序链表(Sort List)
    LeetCode 18. 四数之和(4Sum)
    LeetCode 12. 整数转罗马数字(Integer to Roman)
    LeetCode 31. 下一个排列(Next Permutation)
    LeetCode 168. Excel表列名称(Excel Sheet Column Title)
    论FPGA建模,与面向对象编程的相似性
  • 原文地址:https://www.cnblogs.com/guozhe/p/8194363.html
Copyright © 2011-2022 走看看