Node.js环境下通过Express创建Web项目

25-04-06 3

最近很多小伙伴都在问Node.js环境下通过Express创建Web项目这两个问题，那么本篇文章就来给大家详细解答一下，同时本文还将给你拓展1.使用Express创建Web项目服务端的详细教程、Exp

最近很多小伙伴都在问Node.js环境下通过Express创建Web项目这两个问题，那么本篇文章就来给大家详细解答一下，同时本文还将给你拓展1.使用Express创建Web项目服务端的详细教程、Express与NodeJs创建服务器的两种方法、express创建node.js---web应用、node + express环境的搭建等相关知识，下面开始了哦！

本文目录一览：

Node.js环境下通过Express创建Web项目
1.使用Express创建Web项目服务端的详细教程
Express与NodeJs创建服务器的两种方法
express创建node.js---web应用
node + express环境的搭建

Node.js环境下通过Express创建Web项目

通过Express命令创建项目

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。

使用 Express 可以快速地搭建一个完整功能的网站。

Express 框架核心特性：

可以设置中间件来响应 HTTP 请求。
定义了路由表用于执行不同的 HTTP 请求动作。
可以通过向模板传递参数来动态渲染 HTML 页面。

先看下Express的命令模式：

D:\nodejs_project\webappdemo>express -h

  Usage: express [options] [dir]


  Options:

        --version        output the version number
    -e, --ejs            add ejs engine support
        --pug            add pug engine support
        --hbs            add handlebars engine support
    -H, --hogan          add hogan.js engine support
    -v, --view <engine>  add view <engine> support (dust|ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
    -c, --css <engine>   add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
        --git            add .gitignore
    -f, --force          force on non-empty directory
    -h, --help           output usage information

1、创建Express常用的模版引擎项目

1) jade模版引擎

D:\nodejs_project>express app

express默认以jade作为模板引擎，模板文件为.jade类型；jade的语法与html有较大差异，对缩进也是要求严格的

知乎上有介绍jade的优点

jade模版引擎，语法简洁，Jade强制的缩进格式能凸显html的结构；
ade专为HTML设计，因此可以做许多传统模板做不到的专门针对html的优化。举个几个简单的例子：
  1). 决定如何输出属性（当属性赋值为null/false时不输出属性，为true时只需属性不需要值，这在传统模板里写起来很麻烦、代码难看易出错）
  2). 自动产生well-formed结构（甚至可决定是否要输出结束标签，而传统模板理论上也做不到这点，除非引入额外的html parse或tidy）
  3). 换行处理，避免产生额外的空白节点
  4). 对输出的变量自动进行特殊字符的encode

2) ejs模版引擎

D:\nodejs_project>express webappdemo -e

在项目名称的后面添加 -e 那么创建出来的模板引擎就是.ejs类型，语法是与html相同的

2、安装依赖包

D:\nodejs_project\webappdemo>npm install
npm notice created a lockfile as package-lock.json. You should commit this file.
added 57 packages in 17.975s

3、启动服务

D:\nodejs_project\webappdemo>npm start

> webappdemo@0.0.0 start D:\nodejs_project\webappdemo
> node ./bin/www

GET / 200 10.670 ms - 207
GET /stylesheets/style.css 200 5.965 ms - 111

4、打开浏览器，输入localhost:3000

1.使用Express创建Web项目服务端的详细教程

~~自用傻瓜式教程（doge）~~

小知识：

【node】
    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
    Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
    Node.js 的包管理器 npm,是全球最大的开源库生态系统。

【Express】
    是一个简单灵活的node.js Web应用框架
    提供了各种特性和丰富的Http工具
    可以快速搭建一个完整功能的网站

【express-generator】
    Express的应用生成器
    可以快速创建一个Express的应用骨架

一、安装Node.js

1.进入Node.js官网下载并安装

参考教程：https://www.html.cn/qa/node-js/10635.html

因为教程存在书写过早的情况，建议安装步骤参考此教程，在选择node版本时使用官网推荐版本。

2.安装完成后，查看node版本号是否安装成功；

npm是随同node一起安装的包管理工具，检测npm是否安装

3.安装淘宝镜像（各种模块仓库在国外，下载很慢，npm下载地址改成淘宝镜像后，安装模块减少下载时间）

npm install -g cnpm --registry=https://registry.npm.taobao.org

我已经安装过了，所以不展示执行过程。

二、安装Express

express是node平台下最常用的web应用开发框架

1.全局安装express

在命令提示符面板输入 npm install -g express

我已经安装过了，所以不展示执行过程。

2.全局安装express插件模块

在命令提示符面板输入 npm install -g express-generator

我已经安装过了，所以不展示执行过程。

3.查看express版本

三、创建项目

1. 在某个合适的空间新建一个项目文件夹 , 命名为Test

从命令提示符面板进入该文件夹

2.创建项目

express testServer

3.进入项目，安装依赖，启动项目

cd testServer

npm install

npm start，在浏览器输入localhost:3000（默认监听3000端口）

四、项目结构

bin:启动文件，以何种方式启动文件，默认为npm start

public:存放项目的静态文件，imagea/js/css等文件

routes:项目路由信息，控制地址路由

views:视图文件，模板文件jade等，相当于html

app.js:入口文件（主文件）

package.json:依赖的模板列表

总结

以上是小编为你收集整理的1.使用Express创建Web项目服务端的详细教程全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

原文地址：https://www.cnblogs.com/azhuangaaa/p/14949567.html

Express与NodeJs创建服务器的两种方法

NodeJs创建Web服务器

rush:js;"> var http = require('http'); var server = http.createServer(function(req,res) { res.writeHead(200,{ 'Content-Type': 'text/plain' }); res.write('Hello World!'); res.end(); }).listen(80);

这是一个原生式的创建一个web服务器的方式,但是有缺陷。如果我们想要将我们的静态页面至于与服务器同域下的时候很不方便。

Express创建Web服务器

rush:js;"> var express = require('express'); var app = express(); var server = require('http').createServer(app); //指定静态文件的位置 app.use('/',express.static(__dirname + '/public')); //监听端口号 server.listen(80);

这里我们借用Express封装好的方法创建了一个监听80端口的方法，不禁我们可以作为后端服务通过

localhost:80

访问，还可以访问我们的前端页面

localhost:80/index.html

。

这样页面与服务端交互也方便很多了。

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持小编！

express创建node.js---web应用

1.安装express模块

在命令行输入

npm install body-parser --save

npm install express --save

2.创建app.js文件

/*应用程序入口文件*/

/*加载express模块*/
var express = require(''express'');
/*创建app应用*/
var app = express();

/*首页*/
app.get(''/'',function (req,res,next) {
    res.send("<h1>您好，欢迎光临我的博客！！！</h1>");
})

/*监听http请求*/
app.listen(8099);

3.在浏览器输入localhost:8099

总结

以上是小编为你收集整理的express创建node.js---web应用全部内容。

如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。

原文地址：https://www.cnblogs.com/kinblog/p/11037816.html

node + express环境的搭建

项目中用到了前后分离，不利于seo收录，前端搭建一个独立的服务专门处理seo页面。

nodejs下载地址：http://www.nodejs.org/download/

我的是win64版本，安装完成之后，准备express环境：

//查看node安装以及环境变量是否正确
D:\Program Files (x86)\nodejs>node -v
v0.10.33
//创建express环境（-g代表安装全局环境）
C:\Users\Mark>npm install -g express@3.5.0
//查看express安装以及环境变量是否正确
C:\Users\Mark>express -V
3.5.0
C:\Users\Mark>d:
D:\>mkdir nodespace
D:\>cd nodespace
//创建一个express实例
express -e nodeformaijia
//安装依赖install dependencies:
D:\nodespace>cd nodeformaijia
D:\nodespace\nodeformaijia>npm install
//运行实例
D:\nodespace\nodeformaijia>node app.js
Express server listening on port 3000
GET / 200 20ms - 206b
GET /stylesheets/style.css 200 85ms - 117b
...

注：安装express选择了3.5版本，默认是4.+（环境变量有点问题）

为了便于调试（热部署 & 看日志），可以安装supervisor模块:

npm install -g supervisor

然后启动：

supervisor app.js

浏览器键入：http://localhost:3000/

Express

Welcome to Express

-----------------------------------------------------------------------------------

版本不同可能实现可能会有差异，和项目组前端调试时遇到“Cannot GET /”的问题，后来被迫跟他保持一致，使用了局部的4.10.4版本，此时全局的环境变量还是之前的3.5.0.

关于Node.js环境下通过Express创建Web项目的问题就给大家分享到这里，感谢你花时间阅读本站内容，更多关于1.使用Express创建Web项目服务端的详细教程、Express与NodeJs创建服务器的两种方法、express创建node.js---web应用、node + express环境的搭建等相关知识的信息别忘了在本站进行查找喔。

本文标签：