Node.js Express项目搭建

往事随风三两斤 發表於 2019-7-24 15:31:00

讲干货，不啰嗦，Express 是一个简洁而灵活的 node.js Web应用框架，使用 Express 可以快速地搭建一个完整功能的网站。本教程介绍如何从零开始搭建Express项目。
 
开发环境：windows7，node v10.16.0
 
1.安装Express
命令：npm install express --save
 
安装成功后，会在项目目录下生成一个 node_modules 目录，node_modules 目录下会自动创建 express 目录
<img src="https://img2018.cnblogs.com/blog/1185000/201907/1185000-20190724104706891-992245146.png">
 
查看Express版本命令：npm list express
<img src="https://img2018.cnblogs.com/blog/1185000/201907/1185000-20190724104759429-822363035.png">
 
2.第一个 Express 框架实例
新建express_demo.js文件，添加如下代码：
 
<div class="cnblogs_code">
<pre>//express_demo.js 文件
var express = require('express');//引用express
var app = express();//创建express实例

app.get('/', function (req, res) {//当路由url匹配为'/'时，执行function，返回Hello World
res.send('Hello World');
});

var server = app.listen(8081, function () {//应用启动端口为8081

var host = server.address().address;
var port = server.address().port;

console.log("应用实例，访问地址为 http://%s:%s", host, port)

});</pre>
</div>
 
执行以上代码：$  node express_demo.js 
<img src="https://img2018.cnblogs.com/blog/1185000/201907/1185000-20190724110559530-779314576.png">
 
打开浏览器，访问 localhost:8081，可以看到成功返回Hello World
<img src="https://img2018.cnblogs.com/blog/1185000/201907/1185000-20190724111415286-1458694662.png">
 
以上就搭建起了一个可运行的 express 项目，下面我们通过生成器工具<code>express-generator</code>快速生成一个Express应用
 
 
1.全局安装Express及express-generator<code> </code>
命令：npm install  -g express，<code class="shell">npm install -g express-generator</code>
 
2.初始化一个Express应用　　
命令：<code class="shell">express express-app</code><code class="shell">（其中</code><code class="shell"><code class="shell">express-app为项目名称</code>）</code>
初始化后的项目目录结构：
<img src="https://img2018.cnblogs.com/blog/1185000/201907/1185000-20190724133519272-1940083522.png">
 
目录结构简介：
<ul>
<li style="margin-left: 60px"><code>app.js </code>应用的初始化文件，包括引入应用程序的基础依赖项、设置视图即view的引擎目录以及模板、设置静态资源路径、配置通用的中间件、引入路由和一些错误处理中间件等。</li>
<li style="margin-left: 60px"><code>package.json </code>应用的配置文件，文件内包含程序的基础信息、启动脚本和依赖包等。</li>
<li style="margin-left: 60px"><code>bin/www </code>应用的启动文件，文件内包含引用要启动的应用、设置应用监听的端口和启动http服务等。</li>
<li style="margin-left: 60px"><code>public/** </code>应用的静态资源文件目录，该目录下的文件资源不需要经过文件映射就可以直接访问。</li>
<li style="margin-left: 60px"><code>routes/** </code>应用的路由文件，这些路由文件中设置的接口最终会以指定的HTTP请求方式暴露给用户，并在用户请求之后将结果返回。</li>
<li style="margin-left: 60px"><code>views </code>应用的视图文件，在<code>app.js</code>中设置好视图引擎和模板之后，该目录即为应用视图的根目录，然后路由文件就会根据<code>app.js</code>中的设置加载并渲染该目录下的视图文件。</li>

</ul>
 
3.启动应用
安装应用的依赖包命令：npm install
启动程序命令：npm start 或 <code class="shell">node bin/www </code>
启动后，用浏览器访问：localhost:3000（默认启动端口为3000），可以看到如下页面：
<img src="https://img2018.cnblogs.com/blog/1185000/201907/1185000-20190724144512862-781566129.png">
 
  
来源：https://www.cnblogs.com/wwlstc/p/11236069.html

頁: [1]

琼殿技术论坛's Archiver

Node.js Express项目搭建