用Node.js创建一个静态服务器,然后将页面部署在这个服务器中
源代码:
var http = require('http');
var port = 8020; //端口
var hostname = 'localhost'; //服务器地址
var path = require('path'); //磁盘路径处理的模块
var fs = require('fs'); //操作文件、目录的模块
var url = require('url'); //处理url
var server = http.createServer(function(request, reponse) { //创建服务器
var staticPath = path.join(__dirname, 'src');
// console.log(staticPath) //输出:c:\wamp\www\three\nodejs
var urlObj = url.parse(request.url)
console.log(urlObj);
if (urlObj.pathname === '/') {
urlObj.pathname += 'index.html'
}
var filePath = path.join(staticPath, urlObj.pathname); //拼接路径
// fs.readFile(路径,字符编码,错误优先的回调函数)
fs.readFile(filePath, 'binary', function(error, filecontent) { //binary二进制
if (error) {
throw error; //如果出错,优先报错
} else {
reponse.write(filecontent, 'binary'); //发送数据给前台
reponse.end(); //发送数据结束
}
})
});
server.listen(port, hostname, function() { //监听服务器
console.log(` the sever is runing : http://${ hostname }:${ port } `)
})
模块/包 与Common.js
- Node.js使用了Common.js规范
- Node.js中Common.js规范有三种使用类型:
- 内置模块 path url fs precess
例:path- 先引入模块,然后用一个变量保存这个模块
- 使用这个模块上的api( 方法 ) path.join/path.resolve(将一个目录的名称拼接到一个磁盘路径上)
var path = require( 'path' )
- 第三方模块:插件
- 前端的第三方模块基本都存放在 http://npmjs.com
- 以一个 request 的一个模块来进行研究
- 以一个package.json的文件来记录我们安装过的模块
- package.json 文件的创建
- npm init 一步一步进行
- 快速创建 npm init -y / cnpm init -y / yarn init -y
- package.json 文件的创建
- 命令安装的环境区分
- 生产环境安装
cnpm i request --save
简写:cnpm i request -S
生产环境安装在package.json中记录在 dependencies 中 - 开发环境安装
cnpm i request --save-dev
简写:cnpm i request -D
开发环境安装在 package.json中记录在 depenDencies 中
- 生产环境安装
- 以一个package.json的文件来记录我们安装过的模块
- 第三方的包使用步骤:
- 引用 ( 第三方包如果使用了模块化安装, require( 模块名称 ) )
- 使用:
举例: 用request来数据请求
var request = require( 'request' ) var http = require ( 'http' ) http.createServer( function ( req,res ) { request ( 'https://m.lagou.com/listmore.json', function ( error, response, body ) { if( error ) throw error res.write( body ) res.end( ) }) }).listen( 8000 )
- 自定义模块
- 先定义一个变量,变量值可以随意
- 导出模块
- module.exports = 变量名
- module.exports = {变量名}
- 如果是第一种方式导出
var 变量名 = require( 相对路径 )
如果是第二种方式导出
var { 变量名 } = require ( 相对路径 )
- 内置模块 path url fs precess
自定义模块上传 npmjs.com 过程
-
创建package.json
-
在 http://npmjs.com 上注册账号
-
激活账号( npmjs.com会发送一个邮件给你的注册邮箱 )
-
使用命令登录npmjs.com ( 登录前将你的源从淘宝源 切到 npmjs)
- 问题 : 如何切换源呢?
- 解决: 使用 nrm 切换
- nrm 安装
$ npm i nrm -g
$ npm adduser
-
如果登录成功, 提示为: Logged in as yanyabing on https://registry.npmjs.org/.
-
发布包到npmjs
$ npm publish
-
在npmjs官网查看包有没有发送上去
-
下载包来使用一下
$ npm i 包名称 -S / -D