Express JS和Express Generator模块基础,Express JS示例WebApplication

时间:2020-02-23 14:41:10  来源:igfitidea点击:

正如我们在最初的Node JS Platform帖子中所讨论的那样,Node JS具有许多模块来开发各种功能。
每个Node JS模块旨在提供一种或者多种服务。
与其他模块或者软件包一样,Express JS也是Node JS Platform中的模块。

在本文中,我们将讨论"节点:Express JS模块"的一些基础知识。
由于它是Node JS平台中非常重要的模块,因此我们将在以后的文章中讨论Express JS模块的一些高级概念。

什么是Express JS

Express JS是一个轻量级的Web框架,用于在Node JS平台中非常轻松快速地开发Web应用程序。
Express JS Framework的最新版本是:4.x。

Express JS官方:https://expressjs.com/

Express JS功能

Express JS Framework提供以下功能

  • 轻量级Web应用程序框架
  • 它支持路由
  • 它支持模板引擎
  • 它支持文件上传
  • 开发SPA(单页Web应用程序)
  • 开发实时应用

注意:-NodeJS:HTTP模块是用于开发基于HTTP的网络应用程序的基本模块。
Node JS:连接模块是在HTTP模块的基础上开发的,以提供一些提取功能,例如Cookies,中间件,CSRF等。
Node JS:Express模块是在" Connect"模块的基础上开发的,以在HTTP和Java的基础上提供更多的附加功能连接模块。

Express JS安装

与某些NodeJS默认模块(例如" npm"," http","事件")随Node JS Platform基本安装(不需要单独的步骤来安装这些模块)一起提供时,Express JS并不作为Node JS Default模块附带。
我们需要手动安装。

我们已经使用" node install"命令讨论了"如何安装Node JS模块"。
如果您不熟悉此命令,请阅读我以前的文章:" NPM安装更新和卸载示例"

全局安装Express JS在开始Express JS开发之前,首先要做的第一步是使用" npm install"命令安装Express JS模块。

npm install -g express

这里的" express"表示Express JS模块,"-g"表示全局安装Express JS模块。

打开命令提示符并执行上述命令以全局安装Express JS模块。

验证安装

Express JS安装完成后,我们需要检查此模块是否已成功安装。
如果安装成功,我们可以在C:\Users \ [Windows_USerName] \ AppData \ Roaming \ npm \ node_modules \ express中找到一个新文件夹

其中我们可以看到" node_modules"文件夹下的" express"文件夹。
这意味着我们的Express JS已成功安装。

Node JS平台还有另一个模块:" express-generator"。
较早的" express-generator"模块仅是" express"模块的一部分。
但是为了提供明确的模块化,它们已分为两个模块。

什么是Express Generator

像Express JS一样,Express Generator也是Node JS模块。
它用于非常快速地启动和开发Express JS应用程序。
它不是Node JS Platform基本安装的一部分。
我们需要手动安装。

全局安装Express JS打开命令提示符并执行以下命令:npm install -g express-generator

验证安装Express Generator安装完成后,我们需要检查此模块是否已成功安装。

其中我们可以看到" node_modules"文件夹下的" express-generator"文件夹。
这意味着我们的Express Generator已成功安装。

Express JS简单Web应用程序示例

我们将使用Express Generator Module开发简单的Express JS WebApplication。
实际上,我们并没有从头开始开发此应用程序,只是获得Express Generator的帮助。

请按照以下步骤开发和运行简单的Express JS WebApplication:

  • 首先安装两个Node JS模块:" express"和" express-generator"。
    我们已经做到了。

  • 在本地文件系统中打开命令提示符,然后执行" express"命令。

"表达"命令语法:

express <Your-ExpressJS-Application-Name>

例:

express ExpressSampleWebApp

如果我们观察到此屏幕截图,则" express"命令已下载具有给定应用程序名称的示例Express JS WebApplication。
它还在日志末尾显示两个指令。

  • cd ExpressSampleWebApp && npm安装

它指示我们使用" cd"命令移至应用程序文件夹并通过执行" npm install"命令来构建应用程序

  • SET DEBUG = ExpressSampleWebApp:*和npm开始
    It instructs us set debut mode if required and execute "npm start"; command to start our application.

现在,如果我们访问应用程序文件夹,我们可以看到以下内容。

  • 从命令提示符处一对一执行以上两个命令

要安装(构建)我们的应用程序:

npm install

要启动我们的Express应用程序:

npm start
  • 从浏览器使用https://localhost:3000 /访问Express JS Sample WebApplication。

When we execute "npm start"; command, by default it starts Express JS WebServer at 3000 port number and deploy our Express JS Application into server.

使用Express Generator模块开发一个简单的Express JS WebApplication非常容易。
从这一点来看,我们可以添加所需的组件和代码来改进此应用程序的功能。