技术分享:创建一个静态服务器以及模块一些简单介绍

用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

  1. Node.js使用了Common.js规范
  2. Node.js中Common.js规范有三种使用类型:
    1. 内置模块 path url fs precess
      例:path
      1. 先引入模块,然后用一个变量保存这个模块
      2. 使用这个模块上的api( 方法 ) path.join/path.resolve(将一个目录的名称拼接到一个磁盘路径上)
        var path = require( 'path' )
    2. 第三方模块:插件
      • 前端的第三方模块基本都存放在 http://npmjs.com
      • 以一个 request 的一个模块来进行研究
        1. 以一个package.json的文件来记录我们安装过的模块
          • package.json 文件的创建
            1. npm init 一步一步进行
            2. 快速创建 npm init -y / cnpm init -y / yarn init -y
        2. 命令安装的环境区分
          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 ( 'https://m.lagou.com/listmore.json', function ( error, response, body ) {
        
        if( error ) throw error 
        
        res.write( body )
        
        res.end( )
        
         })
        }).listen( 8000 )
        
    3. 自定义模块
      1. 先定义一个变量,变量值可以随意
      2. 导出模块
        • module.exports = 变量名
        • module.exports = {变量名}
      3. 如果是第一种方式导出
        var 变量名 = require( 相对路径 )
        如果是第二种方式导出
        var { 变量名 } = require ( 相对路径 )

自定义模块上传 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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值