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

文章已收录至https://lichong.work，转载请注明原文链接。
ps：欢迎各位加我的微信交流经验🚀🚀🚀

文章已收录至https://lichong.work，转载请注明原文链接。
ps：欢迎关注公众号“Fun肆编程”或添加我的私人微信交流经验🤝

一、 verdaccio 搭建 npm 服务器

Docker搭建方式查看此篇文章【前端-NPM私服】内网使用verdaccio搭建私有npm服务器-docker搭建verdaccio流程

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

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

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

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

(二) 搭建方法：使用verdaccio

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

1. 安装
   使用npm 全局安装即可

npm install –global verdaccio

2. 运行
   安装完成后直接输入 verdaccio 命令即可运行

verdaccio

3. 运行示例
   后面的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

文章已收录至https://lichong.work，转载请注明原文链接。
ps：欢迎关注公众号“Fun肆编程”或添加我的私人微信交流经验🤝

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~往期精选🪶~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

【大数据-Hadoop】从入门到源码编译-概念篇
【大数据-Flink】从入门到企业级应用-基础篇
【Docker】入门教程-基本概念解读
【前端-React Native】移动端原生开发整合React Native Elements教程-安卓示例
【前端-开发环境】使用NVM实现不同nodejs版本的自由切换（NVM完整安装使用手册）
【前端-NPM私服】内网使用verdaccio搭建私有npm服务器
【前端-IE兼容】Win10和Win11使用Edge调试前端兼容IE6、IE7、IE8、IE9、IE10、IE11问题
【前端-工程化】React项目工程化记录-内置项目活文档(老项目升级优化-集成Hosky/ESLint/Prettier-升级Webpack/Babel/NodeSass/React)
【工具-TWRP-frp-Termux】旧手机暴改成免费云服务器-MIUI刷TWRP安装magisk获取root
【工具-Shell脚本】java程序产品包模板-linux和windows通用shell启动停止脚本(无需系统安装Java运行环境)
【工具-Nginx】从入门安装到高可用集群搭建
【工具-Nginx】Nginx高性能通用配置文件-注释版-支持防刷限流、可控高并发、HTTP2、防XSS、Gzip、OCSP Stapling、负载、SSL
【工具-WireShark】网络HTTP抓包使用教程
【后端-maven打包】通过profile标签解决同时打jar包 war包需求
【架构-DDD】使用领域驱动设计-互联网未来架构设计之道（一）
【后端-SpringCache】基于Spring Cache封装一个能够批量操作的Redis缓存记录下踩坑历程（pipeline或mget封装）
【后端-SkyWalking】SkyWalking前后端开发环境搭建详细教程步骤-6.x/7.x/8.x版本通用-插件二次开发利器（一）
【后端-Quartz】Springboot整合Quartz支持集群环境-设计业务与框架分离及实现定时任务调度

✨欢迎为耿直少年点赞、关注、收藏！！！

👇👇👇