用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.json
2. 在 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 ( 'https://m.lagou.com/listmore.json', 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 插入 或 替换原有的标签
来源:https://www.cnblogs.com/gooseyt/p/10886408.html