侧边栏壁纸
博主头像
Ric

Talk less,think more,do more

  • 累计撰写 14 篇文章
  • 累计创建 9 个标签
  • 累计收到 0 条评论

【前端-NPM私服】内网使用verdaccio搭建私有npm服务器

Ric
Ric
2021-09-07 / 0 评论 / 0 点赞 / 1,663 阅读 / 2,016 字 / 正在检测是否收录...
温馨提示:
若内容或图片失效,请留言反馈。

一、 verdaccio 搭建 npm 服务器

(一) 为什么要搭建npm 服务器

  1. 方便,公司内部开发的私有包,统一管理,方便开发和使用

  2. 安全,由于公司内部开发的模块和一些内容并不希望其他无关人员能够看到,但是又希望内部能方便使用

  3. 加速,自己搭建npm 服务器,本身可以自带常用package的缓存, cnpm 有一些包存在路径问题,而npm 的速度有些感人,自建的服务器会缓存下载过的包,能节省时间

(二) 搭建方法:使用verdaccio

verdaccio 是 sinopia 开源框架的一个fork ,网上搜的都是sinopia但是sinopia 两年前就已经没有人维护了,网上搜的都是sinopia, 使用起来也很拉,所以果断弃坑, 找到了这个verdaccio

  1. 安装
    使用npm 全局安装即可
npm install –global verdaccio
  1. 运行
    安装完成后直接输入 verdaccio 命令即可运行
verdaccio
  1. 运行示例
    后面的yaml 是默认的配置文件,4873端口表示默认端口,现在我们可以通过修改默认的配置文件来符合我们的需求
    windows下配置文件位置:
    C:\Users\Lenovo\AppData\Roaming\verdaccio\config.yaml

verdaccio的全部配置
==(记得添加配置:listen: 0.0.0.0:4873,否则只能本机访问)==

#号后面是注释
#所有包的缓存目录
storage: ./storage
#插件目录
plugins: ./plugins

#开启web 服务,能够通过web 访问
web:
  # WebUI is enabled as default, if you want disable it, just uncomment this line
  #enable: false
  title: Verdaccio
#验证信息
auth:
  htpasswd:
    #  用户信息存储目录
    file: ./htpasswd
    # Maximum amount of users allowed to register, defaults to "+inf".
    # You can set this to -1 to disable registration.
    #max_users: 1000

#a list of other known repositories we can talk to
#公有仓库配置
uplinks:
  taobaonpm:
    url: https://registry.npm.taobao.org/

packages:
  '@*/*':
    # scoped packages
    access: $all
    publish: $authenticated

    #代理 表示没有的仓库会去这个npmjs 里面去找 ,
    #npmjs 又指向  https://registry.npmjs.org/ ,就是上面的 uplinks 配置
    proxy: taobaonpm

  '**':
    # 三种身份,所有人,匿名用户,认证(登陆)用户
    # "$all", "$anonymous", "$authenticated"

    #是否可访问所需要的权限
    access: $all

    #发布package 的权限
    publish: $authenticated

    # 如果package 不存在,就向代理的上游服务发起请求
    proxy: taobaonpm

#To use `npm audit` uncomment the following section
middlewares:
  audit:
    enabled: true
#监听的端口 ,重点, 不配置这个,只能本机能访问
listen: 0.0.0.0:4873
#log settings
logs:
  - {type: stdout, format: pretty, level: http}
  #- {type: file, path: verdaccio.log, level: info}

(三) 内网导入依赖

生成的本地依赖存放在storage目录下,如果要在内网使用,将storage文件夹拷贝至内网服务器的verdaccio的storage目录即可
==(storage目录在config.yaml中指定)==

(四) 内网环境使用NPM私服

确定需要的依赖,拷贝完整storage目录后,内网成员设置NPM或yarn的registry为http://ip:4873即可(IP为verdaccio所在服务器IP)

npm set registry http://ip:4873

二、 如何发布至私服

当前npm 服务指向verdaccio

npm set registry http://ip:4873

注册用户

npm adduser –registry http://ip:4873

按照提示输入userName 和 password,email
输入后就注册完成,

查看当前用户,是否是注册用户.

npm who am i

发布包

最后一步就是创建一个文件夹,按照npm publish 的标准格式,创建一个私有的package

npm publish
0

评论区