用Node.js创建静态服务器、模块的上传和使用(前端模块化)
Node.js服务器
Node.js服务器有两种
- web服务器( 静态服务器 )
- api服务器( 动态服务器 ) 数据接口
用Node.js创建一个静态服务器,然后将文件部署在这个服务器中
源代码:
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.end() } }) }) server.listen( port , hostname , function () { console.log( `The server is runing: http://${ hostname }:${ port }` ) })
模块/包 与Common.js
Node.js使用了Common.js规范
Node.js中Common.js规范有三种使用类型:
-
内置模块 path url fs process
-
第三方模块:插件
前端的第三方模块基本都存放在 http://npmjs.com
npmjs.com中第三方包的 文档 就在这里
文档阅读能力是我们需要练成的以一个 request 的一个模块来进行研究
需要一个package.json的文件来记录我们安装过的模块
package.json 文件的创建
npm init 一步一步进行
快速创建 npm init -y / cnpm init -y / yarn init -y命令安装的环境区分
cnpm i request --save 生产环境安装
简写: cnpm i request -S生产环境安装在package.json中记录在 dependencies 中
cnpm i request --save-dev 开发环境安装
简写: cnpm i request -D开发环境安装在 package.json中记录在 depenDencies 中
后端 不存在跨域问题, 后端是不依靠浏览器的第三方的包使用步骤:
引用 ( 第三方包如果使用了模块化安装, require( 模块名称 ) ) - 使用:
举例: 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 = { 变量名 }
导入
如果是第一种方式导出 , var 变量名 = require( 相对路径 )如果是第二种方式导出, var { 变量名 } = require ( 相对路径 )
前端模块化
- AMD ( require.js )
- CMD ( sea.js )
- Common.js ( module.export require )
- es6 模块化 ( export import )
自定义模块上传 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
- Node.js —— 使用http模块创建静态web服务器及其路由
- Node.js —— 使用express模块创建静态web服务器及其路由
- 前台使用ajax上传图片,后台 node.js 使用 formidable 进行图片接受并存于服务器静态文件夹中
- 第1章-安装Node.js及相关要点-1.7.使用Node.js的HTTP模块来创建一个简单服务器
- Node.js —— 使用net模块创建TCP服务器/客户端
- Node.js将项目部署在静态服务器中,与自定义模块的创建和发布。
- Node.js创建HTTP文件服务器的使用示例
- 用Node.js创建一个静态服务器
- 使用Node.js搭建静态资源服务器
- 使用Node.js创建一个简单的本地页面服务器
- node.js模块的创建和使用流程
- node.js中express模块创建服务器和http模块客户端发请求
- 利用node.js创建静态web服务器
- 使用Node.js搭建静态资源服务器
- npm scrpit/node实现静态资源(js/css)复制重命名(版本号)、压缩tar.gz、上传至服务器
- 用http-server 创建node.js 静态服务器
- Node.js Web 模块-创建web服务器
- 如何在Node.js中使用npm创建和发布一个模块
- 为node.js服务器添加静态网页,express模块。
- node.js中net模块创建服务器和客户端(TCP)