专栏首页吴文周的专栏前端-团队效率(四)私有npm仓库

前端-团队效率(四)私有npm仓库

思考三个问题?

  1. 为什么要使用私有仓库?
  2. 为什么选择verdaccio?怎么搭建verdaccio?怎么使用verdaccio?
  3. 怎么新建Vue组件打包上传到仓库下载使用?(下回吧太长了)

why?私有仓库

  • 安全性,私有服务部署在公司内部,避免不必要的业务代码泄露
  • 效率性,本地内网服务器下载或者阿里云下载速度比外网下载更快?看人品
  • 其他npm仓库的好处(统一管理啥的偷懒了)

how?verdaccio

开始安装

检查环境 node -v npm -v 如果没有弄得环境请先安装nodejs

检查防火墙

查看防火墙规则:firewall-cmd --list-all
查询端口是否开放firewall-cmd --query-port=4873/tcp(默认端口,可以自定义)
开放4873端口firewall-cmd --permanent --add-port=4873/tcp (默认端口,可以自定义)
阿里云服务器请开放安全组端口

正式开始安装

npm install -global verdaccio --unsafe-perm(如果单纯-global报错使用当前命令)
#--unsafe-perm  说明:npm会有生命周期,某个包会有生命周期来执行一些东西,安全起见会自动降级导致没有权限执行一些操作,通过--unsafe-perm参数来解锁该限制。

运行 执行 verdaccio

记住第一行的配置信息很有用

当前服务是已经启动了,想要整个项目部署团队使用还要一些配置,下面让我们进入配置文件

#
# This is the default config file. It allows all users to do anything,
# so don't use it on production systems.
#
# Look here for more config file examples:
# https://github.com/verdaccio/verdaccio/tree/master/conf
#

# path to a directory with all packages
# 所有包的缓存目录
storage: /Users/fodelf/.local/share/verdaccio/storage
# path to a directory with plugins to include
# 插件目录
plugins: ./plugins  //

# web服务配置
web: 
  title: Verdaccio
  # comment out to disable gravatar support
  # gravatar: false
  # by default packages are ordercer ascendant (asc|desc)
  # sort_packages: asc

#验证服务
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:
  npmjs:
    url: https://registry.npmjs.org/

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

  '**':
    # allow all users (including non-authenticated users) to read and
    # publish all packages
    #
    # you can specify usernames/groupnames (depending on your auth plugin)
    # and three keywords: "$all", "$anonymous", "$authenticated"
    access: $all

    # allow all known users to publish/publish packages
    # (anyone can register by default, remember?)
    publish: $authenticated
    unpublish: $authenticated

    # if package is not available locally, proxy requests to 'npmjs' registry
    proxy: npmjs

# You can specify HTTP/1.1 server keep alive timeout in seconds for incoming connections.
# A value of 0 makes the http server behave similarly to Node.js versions prior to 8.0.0, which did not have a keep-alive timeout.
# WORKAROUND: Through given configuration you can workaround following issue https://github.com/verdaccio/verdaccio/issues/301. Set to 0 in case 60 is not enough.
server:
  keepAliveTimeout: 60

middlewares:
  audit:
    enabled: true

# log settings
logs:
  - { type: stdout, format: pretty, level: http }
  #- {type: file, path: verdaccio.log, level: info}
#experiments:
#  # support for npm token command
#  token: false

# 监听的端口 ,重点, 不配置这个,只能本机能访问
listen: 0.0.0.0:4873

修改配置文件之后,先 ctr + c 暂停verdaccio 任务 采用下面的方式重新启动

pm2进程守护(开发过node项目的同学知道,node进程跑几天就挂是常有的事情所以需要进程守护)

npm install -g pm2 --unsafe-perm

查找verdaccio可执行js的目录
whereis verdaccio
cd xx 进入目录 
pm2 start verdaccio.js

整个服务端流程结束

启动号服务后,客户端访问地址 http://xxx:4873

客户端根据提示在终端执行以下命令

npm set xxx:4873
npm adduser xxx:4873
进入需要发布的插件目录下面
npm login
输入用户名,密码,邮箱
npm publish
发布插件

在客户端访问地址查看 插件是否上传成功

在项目中使用

npm i xx 插件名称

完结撒花!!!!!!!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 代码设计-前端配置化的思考

    吴文周
  • 前端-团队效率-gitlab小悟

    吴文周
  • 前端-项目方案(一)骚操作之项目单点登录

    问题:旧系统使用cookie读写的单点登录模式,pc端浏览器没有问题,在移动端ios下面不能跨域写入cookie,单点登录失败

    吴文周
  • 如何编写通用的 Helper Class

    Github: https://github.com/nzbin/snack-helper Docs: https://nzbin.github.io/sn...

    叙帝利
  • 关于硬实时

    这个限定时间超时后,所需的工作如果没有完成,那根据这个后果的严重程度,又可以分为硬实时和软实时。

    Taishan3721
  • 注意!​在python中不要所有操作都用列表

    列表十分方便、它的结构清晰灵活。而且学习列表推导有着一种纯粹的乐趣,就像是中了数据类型中的头奖。

    昱良
  • Excel 2013中单元格添加下拉列表的方法

    使用Excel录入数据的时候我们通常使用下拉列表来限定输入的数据,这样录入数据就很少发生错误了。Excel 2013较以前的版本发生了很大的变化,那么在Exce...

    庞小明
  • IoTivitiy Architecture

    IoTivity is an open source software framework enabling seamless device-to-device...

    首席架构师智库
  • mysql常用配置注意项与sql优化

    肖哥哥
  • Excel 透视表世界名著你知道吗

    如果有人说他会透视表,那他一定看过本书;相反,如果没有看过本书说自己会透视表的,那他还没有知道真正的透视表。本书是透视表的真正权威。它随着每次Excel的版本更...

    BI佐罗

扫码关注云+社区

领取腾讯云代金券