好久没来记录点东西了,以前记录的都是一些解决小问题的代码片段,只能算是当记事本来用的吧。
换了工作,好像没那么多代码要写了,那就自己找点事做,于是重新翻出了nodejs,以前是在主程的搭建环境下,写一些接口给我的iOS前端,当时就觉得nodejs功能强大,简洁明了,实在是轻量服务器首选,没错,给app做服务器实在太合适,一个iOS/android攻城狮轻松搭起自己的服务器。
***今天主要任务是完成前端post请求,服务器得到前端传值,处理后返回json给前端,前端输出在页面上。***我是做app的,今天例子以web前端为例,一步一步手把手教你搭建好自己的服务器。
今天的内容记录一下nodejs的环境,安装,以及最简单的代码实例。已经进入工程目录的同学,直接进入第六部分就可以了,翠花,上干货。
网络上介绍很多,百度一下就好,这里取一点重要的内容,面试必备:
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
Node.js是单线程的,它通过事件轮询(event loop)来实现多任务并行操作,对此,我们应该要充分利用这一点 —— 尽可能的避免阻塞操作,取而代之,多使用非阻塞操作。
进入官网下载,这个不收费,所以不要在乱七八糟的网站下什么绿色版了
俗话说,买新不买旧。哈哈,不要保守了,你们懂的,果断下最新版。
应该没什么区别,我这里就不下载了,还是用5.2.0吧,听着好听520嘛,明白就好。下载好一路同意确定就可以。
OK,安装好了!(什么,这就搞定了?这么简单?这么简单还写什么教程啊!)啊哈哈!
百度搜索webstorm Mac下载,如果下载的是没有破解码生成工具的,需要自己解决啦。
提供个下载地址,我的网盘: 链接: https://pan.baidu.com/s/1t7-2Pm5te6N-L0BpSXA7zw 提取码: d9sh
右边是webstorm,左边是key制作工具。
打开WebStorm-》Create New Project-》
Location:自己选择工程要创建的目录,最后的untitled1就是你的工程名字了。
Node interpreter 和 Npm executable是node的环境,不需要更改。
点击Create进入读图页面
选择nodejs源代码地址,就是二-》3里面下载的源代码了,如果有基础工程模版,那就省事了~~最好不要点第一项“从网络下载“很慢很坑爹
Configure!GO!
OK!项目创建完毕!
到这里,我们的服务器就可以运行啦,点击上方的开始运行,一个监听3000端口的服务器就开启了,打开浏览器,输入http://localhost:3000 。服务器的输出就看到啦,输入http://localhost:3000/users 得到另一个接口的输出。
知其然不知其所以然?接着往下看。
github项目地址: https://github.com/xx040145/NodeJSBaseProject.git
//引入控制器文件
var routes = require('./controller/index');
var users = require('./controller/users');
//路由接口
app.use('/', routes);
app.use('/users', users);
服务器index.js代码,接收req,将数字相加,发送json给前端
javascript简单好学,而又功能强大。nodejs作为一个轻量级服务器,搭建轻松,可以满足轻量级app的所有需求,实在是前端攻城狮喜闻乐见的东西。后面准备再把mysql搭建起来,从前端到服务器,再到数据库,作为一个前端工程师,全都熟悉一遍,对整个眼界的提升是不一样的。深入学习之后,进可以去创业型公司做技术主管,退可以自己捣鼓创意而不受技术上的制约。简直棒棒哒!
1:由于各种软件都不是在appStore上下载,所以安装时候可能会遇到警告
比如使用WebStorem的key制作工具时遇到这个情况:
解决方法:打开系统偏好设置-》安全性与隐私-》“仍要打开“。再不行,就先开了锁
2:使用WebStorm创建新工程时,会要你提供模版,千万不要使用第一个,自动从网络下载,等几分钟就错误,各种错误。最好去nodejs中文网直接下载给它。
3:indexJS.js中, 一定要写成http://localhost:3000/,不然Chrome会报错,说不支持跨域post请求。其实这也是个好习惯,别嫌麻烦。
4:favicon.ico图片要放在public下,记得打开app.js的17行把名字和相对地址写对