Express JS和Express Generator模块基础,Express JS示例WebApplication
正如我们在最初的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非常容易。
从这一点来看,我们可以添加所需的组件和代码来改进此应用程序的功能。