用Node.js创建一个静态服务器,然后将二阶段项目部署在这个服务器中
源代码:
```javascript var http = require( 'http' );var port = 8080 ;
var hostname = '127.0.0.1'
var path = require( 'path' ) // 磁盘路径处理的模块
var fs = require( 'fs' ) // 操作文件、目录的模块
var url = require( 'url' ) // 处理url
var server = http.createServer( function ( request, response ) {
var staticPath = path.join( __dirname,'static' )var urlObj = url.parse( request.url )
/* Url {
protocol: null, slashes: null, auth: null, host: null, port: null, hostname: null, hash: null, search: null, query: null, pathname: '/static/css/index.css', path: '/static/css/index.css', href: '/static/css/index.css' } */if( urlObj.pathname === '/'){
urlObj.pathname += 'index.html' }console.log( urlObj.pathname )
// fs.readFile(路径,字符编码,错误优先的回调函数)var filePath = path.join( staticPath, urlObj.pathname )fs.readFile( filePath,'binary',function( error,filecontent ) { if ( error ){ throw error }else { response.write( filecontent, 'binary' ) response.end() }})
})
server.listen( port , hostname , function () {
console.log( `The server is runing: http://${ hostname }:${ port }` )
})
### 作业: 将二阶段项目一个页面部署在Node.js的静态服务器上### 模块/包 与Common.js Node.js使用了Common.js规范Node.js中Common.js规范有三种使用类型:1. 内置模块 path url fs precess 2. 第三方模块:插件 3. 自定义模块 ### 前端模块化1. AMD ( require.js )2. CMD ( sea.js )3. Common.js ( module.export require ) 4. es6 模块化 ( export import )### 终端1. gitbash 客户端软件中的命令 叫 linux命令 - clear 清屏 - ls 列出当前目录下的所有目录和文件2. cmd中的命令叫做 DOS命令 - dir/w 列出当前目录下的所有的目录和文件 - cls 清屏## 自定义模块上传 npmjs.com 过程1. 创建package.json2. 在 http://npmjs.com 上注册账号3. 激活账号( npmjs.com会发送一个邮件给你的注册邮箱 ) 4. 使用命令登录npmjs.com ( 登录前将你的源从淘宝源 切到 npmjs) - 问题 : 如何切换源呢? - 解决: 使用 nrm 切换 - nrm 安装 `$ npm i nrm -g` `$ npm adduser`5. 如果登录成功, 提示为: Logged in as yanyabing on https://registry.npmjs.org/. 6. 发布包到npmjs `$ npm publish`7. 在npmjs官网查看包有没有发送上去8. 下载包来使用一下 `$ npm i 包名称 -S / -D `#### 内置模块很多,我们下面以 磁盘处理的模块 为例- 内置模块我们注重的模块的使用#### 使用步骤:1. 先引入模块,然后用一个变量保存这个模块( 内置模块在requrie(模块名称) )2. 使用这个模块上的api( 方法 ) 【常用】 - path.join - path.resolve - 以上两个api,将一个目录的名称拼接到一个磁盘路径上 ##### 前端的第三方模块基本都存放在 http://npmjs.com#### package.json 文件的创建 - npm init 一步一步进行 - 快速创建 npm init -y / cnpm init -y / yarn init -y#### 命令安装的环境区分1. cnpm i request --save 生产环境安装 - 简写: cnpm i request -S- 生产环境安装在package.json中记录在 dependencies 中2. cnpm i request --save-dev 开发环境安装- 简写: cnpm i request -D- 开发环境安装在 package.json中记录在 depenDencies 中 后端 不存在跨域问题, 后端是不依靠浏览器 。 #### 第三方的包使用步骤:1. 引用 ( 第三方包如果使用了模块化安装, require( 模块名称 ) )2. 使用: - 举例: request是用来数据请求的 : 接下来我们去请求一下豆瓣的数据
var request = require( 'request' )
var http = require ( 'http' )http.createServer( function ( req,res ) {
// request ( url, function ( error, response, body ) {}) request ( '', function ( error, response, body ) {if( error ) throw error // console.log( response ) //请求的接口的信息// console.log( body ) // 请求回来的数据res.write( body )res.end( )
})
}).listen( 8001 )
#### 自定义模块 :1. 先定义一个 变量, 变量值可以随意 2. 导出模块- module.exports = 变量名- module.exports = { 变量名 }3. 导入- 如果是第一种方式导出 , var 变量名 = require( 相对路径 )- 如果是第二种方式导出, var { 变量名 } = require ( 相对路径 )
var {name} = require( './name.js' )
var student = {
id: 1, name: '老彭' }// module.exports = student
console.log( name )
module.exports = {
student, name } ```url 处理url
核心api有三个:
- parse : String --> Object
- format : Object --> String
- resolve : 为URL或 href 插入 或 替换原有的标签