Appearance
Node.js概述
什么是Node.js?
上边也提到了Node.js,这里简单介绍一下Node.js的概念。Node.js是2009年 Ryan Dahl 开发的一个JavaScript运行环境,实际上是对Chrome V8引擎进行了封装,Node.js的出现,使得JavaScript可以运行在服务端平台,可以使用JavaScript来开发后端。_这里不详细介绍,本专栏主要使用Node.js作为前端开发环境搭建工具,不涉及Node.js后端开发内容
什么是NPM
NPM是随同 Node.js 一起安装的 包管理工具 ,能解决 Node.js 代码部署上的问题,常见的使用场景有以下几种:
- 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
- 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
http-server NPM模块
http-server是个开源的npm模块,官方github仓库:https://github.com/indexzero/http-server
快速部署访问前端静态页面
很简单,我们只需要通过CMD来进入到想部署访问的页面文件夹下,输入命令 http-server 即可部署成功,默认端口为8080。也可以使用 http-server -p 端口 来指定不同端口,部署多个demo,成功后,访问提示的地址即可 http://127.0.0.1:8081
如果是开发时候看实时效果,可以通过-c来指定缓存时间,如 http-server -c10 来设置10s后自动清除缓存。
json-server NPM模块
前端初学者或者是没有后端经验的前端开发工程师,推荐熟悉了解一下json-server 模块的使用,这个模块可以帮助你去创建后端REST API接口,简单的说就是增删改查的接口,可以快速创建出来,模拟实现了后端,使得前端在写demo的时候,需要一些接口请求,不需要再去写后端,也不需要把数据写死,让前端开发人员花更多的时间专注于解决前端开发问题。
使用
新建个demo文件夹,里边新建一个文件db.json (文件名可以随意取),复制下边json内容到文件中保存
json
{
"posts": [
{ "id": 1, "title": "webgis入门实战", "author": "giscafer" },
{ "id": 2, "title": "json-server", "author": "typicode" }
],
"comments": [
{ "id": 1, "body": "some comment", "postId": 1 }
],
"profile": { "name": "typicode" }
}然后,在文件夹demo根目录下,CMD执行 json-server --watch db.json 即可
最后访问 http://localhost:3000/posts/1 即可看到效果,根据REST API的特点,就具备了以下接口
GET `/posts`
GET `/posts/1`
POST `/posts`
PUT `/posts/1`
PATCH `/posts/1`
DELETE `/posts/1`增删查改的接口都有了,直接写前端页面就OK,平时写demo的利器。类似的NPM模块还有比较多,平时可以在npm.com或者github上进行搜,或者群里讨论、文章留言大家相互分享。工具的东西,一样知道一种,需要的时候用就好了。提高效率,节约时间,减少加班!