开发者学堂课程【Node.js 入门与实战:express实现HelloWorld】学习笔记,与课程紧密联系,让用户快速学习知识
课程地址:https://developer.aliyun.com/learning/course/588/detail/8311
express 实现 HelloWorld
基本内容
一、网站页面的简单介绍
二、如何安装 Express
三、测试
一、网站页面的简单介绍
首先学习一下官方网站,打开这两个网站,无论是英文还是中文,主要是观察的是以下这几个。
第一个是“首页”。如下图所示:
第二个是“入门”。
入门中的步骤非常详细,主要是讲解如何安装一个Express、如何写Hello World 程序、如何使用Express的快速的生成项目的架构、基本路由该怎么配置、如何使用它来处理静态文件、常见的问题。
如下图所示:
第三个是“使用指南”。
主要讲了路由的介绍、中间件的介绍、模板引擎的介绍、错误处理、调试、为Express设置代理、升级到Express4、数据库集成的高级介绍,如下图所示:
第四个是“API中文手册”。
主要是3.x版本、4.x版本。如下图所示:
第五个是“进阶话题”。
模版引擎、进程管理器、安全更新等。如下图所示:
第六个是“有用的资源”。
主要是术语表、中间件、社区、书籍与博客、实例展示。如下图所示:
二、如何安装Express
1、首先创建一个项目文件夹,在项目文件夹里面是执行npm init,接着创建的一个package .json文件,入口文件是index.js,让npm install安装express,
安装了express框架后,--save表示把它保存到依赖项目里面,最后两个黑色 这两个执行哪一个都可以,
下面这几步操作之后完成安装,安装就是npm直接安装。
打开npm网站,搜索“Express”。
如下图所示:
3、搜索结果如下图所示:快速的、开放的、极简的、web、framework。
2、官方的npm里面对express的介绍,告诉读者怎么写程序,如下图红色边框所示:
l 代码如下:
var express requi re (
‘
express
’
)
var app = express ()
app.get('/', function (reg, res) {
res.send(' Hello World' )
} )
app listen (3000)
三、测试(新建文件夹espress-demo)
1、首先在文件夹espress-demo中建一个入口文件 index.js
//入口文件
// 1.加载express 模块
var express - require( ‘express ')
;
// 2.创建一个app 对象(类似于创建一个server对象)
var app .
*
express(
)
;
//通过中间件监听指定的路由的请求
app.get(' /index' , function (req, res)
{
//
body...
res .end('hello world!')
;
));
解释下这句话,这个app.get表示只能处理get请求,当用这个get方式监听这个/index时候,表示这此时只能处理用户通过get方式请求/index一个路由,现在只要写的时候写成app.get就表示get请求,后面/index表示是get请求/index必须完全匹配这两个条件,才会执行后面function这个函数,它就是一个中间件函数,中间件就是一个函数,但是函数不一定是中间件。
其实这段代码里面就包含了两部分信息,一部分是路由信息,一部分是路由的处理方法,这个中间件就是路由的处理方法,前面就是路由信息,第一部分get方法表示他只能处理get请求,后面写/index表示这个请求路径必须完全等于/index才可以,最后写res.end。
// .启动服务
app. listen(9092, function ()
{
console . log( 'http: //localhost:9092 );
}
);
2、安装express:npm install express --save
启动cmd,如下图所示:
3、尝试运行index.js程序:http: //localhost:9092 启动
4、当访问根目录的时候,提示没有处理根目录请求;注意:写程序是必须严格要求/index的,访问时必须使用/index,得到Hello world。