看得懂的 Node.js(三)—— Express 启航

如果看过上一篇《看得懂的 Node.js》,就会发现手动搭建一个 web 服务器还是比较繁琐

而 express 就是一个可以极大地提高开发效率的 web 开发框架

一、创建项目

在 express 4.0 之前,我们使用 npm install -g express 来全局安装 express

但是 4.0 之后,express 的命令行工具被单独分离出来,叫做 express-generator

npm install -g express-generator

如果了解过 vue,express-generator 和 express 的关系就像 vue-cli 和 vue 的关系

然后可以通过 express --version 命令来验证是否安装成功

然后在需要创建项目的目录下,直接使用 express 命令创建项目

express Node-Project

上面的 Node-Project 是自定义的项目名称

命令执行完成后,会在当前目录生成一个 Node-Project 项目文件夹

进入项目目录(cd Node-Project),安装依赖

npm install

然后通过 npm start 命令启动项目

npm start

开发过程中建议在 debug 环境中运行,所以通常使用这个命令启动项目:

set DEBUG=Node-Project & npm start

然后在浏览器中打开 http://localhost:3000/ 就能打开项目

如果 3000 端口被占用,可以在 bin / www 文件中修改端口

二、认识路由

在生成的项目文件中,有一个 routes 文件夹,存放着 express 框架预置的基本路由

路由一般由一个 URI、HTTP 请求(GET、POST)和若干个句柄组成

每个句柄的结构通常都是 app.METHOD(path, callback)

比如 users.js 就是一个最基本的路由

然后在 app.js 中引入模块

并配置路由结点

然后在浏览器中打开 http://localhost:3456/users 就能查看到响应内容

如果希望路由发送一个 html 页面,只需要使用 res.sendfile(url)

express 的结构中,通常在 views 中存放静态文件

假如已经在 views 文件夹下准备了一个 test.html文件,然后在 users.js 中追加一个句柄

router.get(‘/test‘, function(req, res) {
  res.sendfile("./views/test.html")
});

然后打开 http://localhost:3456/users/test 就能查看到 test.html

三、加载静态文件

如果刚才的 test.html 文件中,关联了外部 css 或者 js 文件,会发现这些文件都没有被加载

时间: 2024-10-13 15:35:18

看得懂的 Node.js(三)—— Express 启航的相关文章

node.js基于express框架搭建一个简单的注册登录Web功能

这个小应用使用到了node.js  bootstrap  express  以及数据库的操作 :使用mongoose对象模型来操作 mongodb 如果没了解过的可以先去基本了解一下相关概念~ 首先注明一下版本,因为express因为版本的不同使用的方式也不同,我这算是目前最新的了吧 还没有装express的可以移步到这里 看看express框架的获取安装 1.简单地项目初始化 进入你的nodejs安装路径下边,如图,然后执行命令  express -e test  (这里把项目名设置为test

node.js框架 express

express是在node.js的基础上,拓展出的一个简洁实用的框架结构,运用这个东西,我们可以更方便的处理很多的事情.只要上手了,那就是个贝多芬! 一般安装express有几种方法. 第一,使用npm安装,cmd中输入npm install express -g,这个-g是全局安装,也就是安装在被你用"config set global"设置的文件夹里,需要注意的是,安装完了以后,需要改变环境变量以及其路径来指向你的安装目录. 第二,复制粘贴.(--废话!)不过这样的存在安全性问题,

[读书笔记]了不起的node.js(三)

这周的nodejs学习内容为几个依赖包的使用,把书上的例子都敲了一遍.这篇就以例程为线索,复习一下一周的工作. 1.connect 这个例程主要是使用connect依赖包,connect提供一个中间件(由函数组成,与请求.响应对象交互)的功能.书中也介绍了connect内置其他的中间件,这些中间件起到组织代码完成web功能的作用. 2.session 使用connect进行用户会话,进行基本的登录系统.通过中间件实现了检查登录.展示表单.用户匹配.处理登出的功能.展示了中间件的强大和组织方式.

Node.js、express、mongodb 入门(基于easyui datagrid增删改查)

前言 从在本机(win8.1)环境安装相关环境到做完这个demo大概不到两周时间,刚开始只是在本机安装环境并没有敲个Demo,从周末开始断断续续的想写一个,按照惯性思维就写一个增删改查吧,一方面是体验下node.js的魔力,二就是看看node.js.express和mongoose的API,其次就是把自己入门的过程记录下来,方便自己查看,再就是对入门的朋友起一个引导的作用. 敲demo的过程中感觉最爽的就是npm(Node Package Manager)是一个Node.js的包管理和分发工具.

node.js 安装express 提示 command is not found

在安装express时增加generator参数: npm install -g express-generator 为什么要加上generator呢? 原先的express带cli, 现在把cli拆成了单独的express-generator包. 原先的express运行生成的项目是node app.js, 因为httpserver相关代码都在app.js里, 现在这部分代码移到了项目目录的bin/www下面, app.js只保留实现app的逻辑代码, 你需要去运行那个bin/www. 只是很

Installing Node.js and Express on Ubuntu

Installing Node.js and Express on Ubuntu 1. 在nodejs官网上下载Linux Binaries(已经包含了npm):2. 安装Node.js下载后解压,并在解压的文件夹中启动Terminal后,输入命令:    sudo cp * /usr/local/ -r再输入命令:    node -v    npm -v查看程序版本,来检测是否成功安装: 3. 安装express    npm install -g express-generator 4.

基于Node.js和express的日志服务器

首先,这篇文章学习的意义大于实际价值.如果按我的本意,直接在游戏中加入友盟,信息更全,而且非常简单.不过总是有很多人会凭着自己过时或者错误的经验去说别的东西多么不好,自己的东西多么好.好在,我自认为学习能力非常强,解决问题的能力也非常强.真让我做一个服务器+前端,也是在兴趣之中和能力之内. 一.Node.js简介 原本javascript纯粹是一个前端语言,干的基本上是让网页更丰富更炫的事情.不过Node.js出现后,javacript成为了前后端通吃的语言.比如网易的pomelo就是基于Nod

windows环境下装node.js,npm,express

windows下安装跟mac环境安装(戳我戳我戳我)大同小异. 1. 下载node.js for Mac 地址: http://nodejs.org/download/ 注意看自己系统是32位还是64位的 我下载的是.msi格式的,还是一路双击next. 当前最新的node.js安装完成包括了npm的. 安装完成,将安装目录加入环境变量PATH中,以便于在任意位置执行node应用. 2.安装express. --全局安装 npm install express -g --安装指定版本npm in

Node.js之Express二

好久没写了,今天看博客,觉得有必要把node.js继续写完,善始善终.原本想着把小崔课堂继续讲下去,由于其他原因也就此耽搁下来,看看以后还有没有机会吧.废话不扯,123开始. 一.Exoress之Request对象 对于Request对象做过网络这块的应该都不陌生,ios.C#都会有,其他语言基本都会有,Node.js也不例外,毕竟都是HTTP协议. var express = require('express'); var app = express(); app.listen(8080);