node学习笔记_01 环境搭建
一.下载安装nvm (node版本管理器),方便以后版本切换
nvm list -> 查看node版本(版本最好在8.0以上,不然在vsCode断点调试进不去,跟node版本有关系)
nvm install 6.10.8 -> 安装node
nvm use 6.4.2 ->使用的node版本号
二.开始第一个hello world程序
node filename.js 开启node服务
ctrl + c 退出操作
/* 服务模块:
打开服务: 流程:
1.引入模块,通过变量来接收
2.通过http.createServer创建服务,注意后面跟上一个匿名函数
req: request 请求
res: response 响应
两个接口
3.通过listen监听端口号和访问地址
4.通过res.writeHead设置网页状态码和文档内容类型
5.res.end */
var http = require("http");//变量http得到被引入模块"http"的所有接口 //创建服务器,参数是一个回调函数,
http.createServer(function(req,res){ /*
设置响应HTTP头部信息,
第一个参数:传入网页状态码, 200表示请求正常
第二个参数:设置文档内容类型,text/html 表示html文档类型,charset=UTF-8表示文档编码类型
小知识:国内编码:GBK(国标k) gb2312 ...
*/ res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"}); res.end("hello world!");//如果没有res.end会存在"挂起"状态,也就是浏览器Tab选项卡的圈圈会一直转 console.log("hello console~");//会在控制台打印 }).listen(3000,"127.0.0.1");//端口号,要访问的名称(IP)
三. req.url 输出请求的头部路由信息
var http = require("http");//变量http得到被引入模块"http"的所有接口
//创建服务器,参数是一个回调函数, http.createServer(function(req,res){ res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"}); console.log("服务器接收到了请求地址为:" + req.url );//会在控制台打印
/**
* 打印结果为:
* 服务器接收到了请求地址为:/ ( 浏览器访问地址为 127.0.0.1:3000 时)
* 服务器接收到了请求地址为:/favicon.ico (小图标)
* 服务器接收到了请求地址为:/think ( 浏览器访问地址为 127.0.0.1:3000/think 时)
* 服务器接收到了请求地址为:/favicon.ico (小图标)
*/
res.end("hello world!");//如果没有res.end会存在"挂起"状态,也就是浏览器Tab选项卡的圈圈会一直转 }).listen(3000,"127.0.0.1");//端口号,要访问的名称(IP)
四.通过设置 req.url,访问路由
var http = require("http");//变量http得到被引入模块"http"的所有接口 //创建服务器,参数是一个回调函数,
http.createServer(function(req,res){
if( req.url == "/home" ){ res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
console.log("服务器接收到了请求地址为:" + req.url );//会在控制台打印
/**
* 打印结果为:
* 服务器接收到了请求地址为:/ ( 浏览器访问地址为 127.0.0.1:3000 时)
* 服务器接收到了请求地址为:/favicon.ico (小图标)
* 服务器接收到了请求地址为:/think ( 浏览器访问地址为 127.0.0.1:3000/think 时)
* 服务器接收到了请求地址为:/favicon.ico (小图标)
*/
res.end("首页");//如果没有res.end会存在"挂起"状态,也就是浏览器Tab选项卡的圈圈会一直转 }else if(req.url == "/nav"){
res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
console.log("服务器接收到了请求地址为:" + req.url );
res.end("导航");
}else if(req.url == "/detail"){
res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
console.log("服务器接收到了请求地址为:" + req.url );
res.end("详情");
}else{
//页面不存在改变状态码为404
res.writeHead(404,{"Content-type":"text/html;charset=UTF-8"}); console.log("服务器接收到了请求地址为:" + req.url );//会在控制台打印
res.end("页面不存在");//如果没有res.end会存在"挂起"状态,也就是浏览器Tab选项卡的圈圈会一直转 } }).listen(3000,"127.0.0.1");//端口号,要访问的名称(IP)
五.新建html页面,fs.readFile来读取文件显示
hello.js
/**
* 特别注意:写目录时一定记得在前面加上./(如果从当前开始的话)
* 因为我们不知道代码将来会在什么环境下运行(常见的环境:windows、linux)
*/ var http = require("http");//变量http得到被引入模块"http"的所有接口
var fs = require("fs");//fs文件系统模块
//fs.readFile 异步读取一个文件的全部内容 //创建服务器,参数是一个回调函数,
http.createServer(function(req,res){
if( req.url == "/home" ){
/**
* 读取文件:文件路径及名称,回调函数
* 回调函数: err:错误信息 , data:读取的数据/内存
*
*/
fs.readFile("./home.html",function(err,data){//data读取到的文件内容
res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
console.log("服务器接收到了请求地址为:" + req.url );//会在控制台打印
res.end(data);
});
}else if(req.url == "/css.css"){
fs.readFile("./resource/css.css",function(err,data){//data读取到的文件内容
res.writeHead(200,{"Content-type":"text/css"});
console.log("服务器接收到了请求地址为:" + req.url );//会在控制台打印
res.end(data);
});
}else{
//页面不存在改变状态码为404
res.writeHead(404,{"Content-type":"text/html;charset=UTF-8"});
console.log("服务器接收到了请求地址为:" + req.url );//会在控制台打印
res.end("页面不存在");//如果没有res.end会存在"挂起"状态,也就是浏览器Tab选项卡的圈圈会一直转 } }).listen(3002,"127.0.0.1");//端口号,要访问的名称(IP)
home.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="css.css">
</head>
<body>
Test页面~~
</body>
</html>
dos 命令窗口 运行 node hello.js
在浏览器输入127.0.0.1:3000/html就可以看见页面了
node学习笔记_01 环境搭建的更多相关文章
- Android Studio 学习笔记(一)环境搭建、文件目录等相关说明
Android Studio 学习笔记(一)环境搭建.文件目录等相关说明 引入 对APP开发而言,Android和iOS是两大主流开发平台,其中区别在于 Android用java语言,用Android ...
- 我的Java学习笔记 -开发环境搭建
开始学习Java~ 一.Java简介 Java编程语言是一种简单.面向对象.分布式.解释型.健壮安全.与系统无关.可移植.高性能.多线程和动态的语言. Java分为三个体系: JavaSE(J2SE) ...
- Django学习笔记 开发环境搭建
为什么使用django?1.支持快速开发:用python开发:数据库ORM系统,并不需要我们手动地构造SQL语句,而是用python的对象访问数据库,能够提升开发效率.2.大量内置应用:后台管理系统a ...
- cocos2d-x lua 学习笔记(1) -- 环境搭建
Cocos2d-x 3.0以上版本的环境搭建和之前的Cocos2d-x 2.0 版差异较大的,同时从Cocos2d-x 3.0项目打包成apk安卓应用文件,搭建安卓环境的步骤有点繁琐,但搭建一次之后, ...
- 前端框架vue学习笔记:环境搭建
兼容性 不兼容IE8以下 Vue Devtools 能够更好的对界面进行审查和调试 环境搭建 1.nodejs(新版本的集成了npm)[npm是node包管理 node package manager ...
- SpringData JPA的学习笔记之环境搭建
一.环境搭建 1.加入jar包 spring jar+jpa jar +springData jar >>SpringData jar包 2.配置applicationCont ...
- Mybatis学习笔记之---环境搭建与入门
Mybatis环境搭建与入门 (一)环境搭建 (1)第一步:创建maven工程并导入jar包 <dependencies> <dependency> <groupId&g ...
- Web安全测试学习笔记 - vulhub环境搭建
Vulhub和DVWA一样,也是开源漏洞靶场,地址:https://github.com/vulhub/vulhub 环境搭建过程如下: 1. 下载和安装Ubuntu 16.04镜像,镜像地址:htt ...
- 【Django学习笔记】-环境搭建
对于初学django新手,根据以下步骤可以快速进行Django环境搭建 虚拟环境创建 使用virtualenv创建并启用虚拟机环境 ,关于virtualenv可参考https://www.yuque. ...
随机推荐
- 使用jQuery的$.ajax()向MVC控制器Post数据
一整天不是在看书,就是做练习.今天还是把最难实现的怎样使用jQuery的$.ajax()向MVC控制器Post数据分享. 创建一个添加数据的存储过程: 在MVC应用程序下的Entities目录下,修改 ...
- JAVA—集合框架
ref:https://blog.csdn.net/u012961566/article/details/76915755 https://blog.csdn.net/u011240877/artic ...
- query 中 radio选中小技巧
在php中经常,经常要用到radio选中按钮,下次再登录时默认记录用户选中的选项,在PHP判断的时候: 在input中不能加checked=“<?php ;?>”:否则失效
- js实现分享到QQ
js代码 <script src="http://connect.qq.com/widget/loader/loader.js" widget="shareqq&q ...
- thinkphp5+qrcode生成二维码
1.下载二维码插件Phpqrcode,地址 https://sourceforge.net/projects/phpqrcode/files/,把下载的文件夹放到\thinkphp\vendor下 2 ...
- Ajax常见面试题 -- 前端面试题(二)
1:什么是ajax?ajax作用是什么? 异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术. ajax用来与后台交互 2:原生js ajax请求有几个步骤?分别是什么 ...
- iostart 命令
Linux系统中的 iostat命令可以对系统的磁盘IO和CPU使用情况进行监控.iostat属于sysstat软件包,可以用yum -y install sysstat 直接安装. 格式: iost ...
- Oracle 参数文件及相关操作介绍
Oracle 参数文件及相关操作介绍 by:授客 QQ:1033553122 1.服务器参数文件 服务器参数文件是一个二进制文件,作为初始化参数的存储仓库.实例运行时,可用ALTER SYSTEM来改 ...
- Android 优秀开源项目
以下是本人日常工作中收集的比较不错的Android开源项目 roottools: RootTools gives Rooted developers easy access to common roo ...
- Spring学习笔记(一):快速入门
Spring简介: Spring是一个开源框架,它由Rod Johnson创建.它是为了解决企业应用开发的复杂性而创建的.Spring使用基本的JavaBean来完成以前只可能由EJB完 ...