您的位置:首页 >> LNMPA >> 和屌丝一起学Node.js—web开发1
和屌丝一起学Node.js—web开发1
[ 孤狼 | 2017-08-14 17:15:31 | LNMPA ]
声  明

本教程仅用于初学Node.js同学使用,内容由本人(孤狼)学习过程中笔记编写,本教程使用Node.js版本为6.11.1。本教程内容可以自由转载,但必须同时附带本声明,或注明出处。PAEA.CN版权所有。

上节我们了解了Node.js的Node.js里的文件系统.这节我们一起来看看如何用node.js来开发web.


首先我们要了解并知道一个事实,那就是node.js和java一样,为了全兼容而提供的操作或接口都是最基础的,最底层的.所以也导致了如果想用node.js去做一些"高级"的事情会很麻烦.比如开发web中最常见的接收数据.如果是PHP来接收那么一句$_GET['data']就结束了.但如果用node.js来接收,那么就要先应用http模块,然后初始化,然后接收,然后处理...........


FUCK,不是说Node.js更好吗?是的,就是因为它直接底层,所以效率更高,但并不表示他易用.如果你原生的用node.js开发了一套web站点,那么恭喜你,去除掉站点信息,你得到了整套web处理框架.你可以发布到Github上去圈粉了.但是对于一个小白比如我,那么这么做,无疑是严重影响了我的开发进度.我只想要node.js的高效.


这时候,你就需要了解,node.js的开源世界的好处,很多node.js的开源框架可以直接使用.其中最有名的就是expressjs.

好了,我们先认识下它吧.

[传送门] expressjs官网:http://expressjs.com/


安装

npm install express --save

1.jpg

发挥了npm的优势,直接安装即可.PS:记得先进入项目目录.


hello world

国际惯例,先来个欢迎

//server.js
const express = require('express');
const app = express();
app.get('/', function (req, res) {
  res.send('Hello World!');
});
app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

然后我们运行起来服务器.

2.jpg

然后打开浏览器访问本地站点的3000端口.

3.jpg

OK了,运行成功.


generator工具


generator是一个快速创建应用的工具.他的安装代码如下:

npm install express-generator -g

4.png

然后我们用他来创建一个项目

express --view=ejs hello

这里我们可以选择多种模板引擎,ejs|hbs|hjs|jade|pug|twig|vash 

执行完之后,我们的开发目录下就会多出来一个hello目录,这个就是我们要做的站点了.

然后我们接着安装dependencies

cd hello&&npm install

6.png

这时候我们就已经部署完了,接着我们启动一下

MAC或linux下

DEBUG=myapp:* npm start

windows下

set DEBUG=myapp:* & npm start

7.png

然后我们访问127.0.0.1:3000

就能看到我们运行起来的页面了

8.png


本节代码下载:链接: https://pan.baidu.com/s/1o7KuHuE 密码: 7qgu





转载请注明出处:http://gl.paea.cn/lnmpa/content/2017/08/14/113.html