npm私服搭建—verdaccio方案及其最佳实践

搭建步骤

1. 首先我们需要向运维同学申请一台linux服务器，给台2GB左右的虚拟机就够用了；
2. 找个合适的地方下载安装nodejs，比如在/usr/local/lib下
   安装wget：yum install -y wget；（已经安装的跳过这步）
   下载：wget https://nodejs.org/dist/v10.6.0/node-v10.6.0-linux-x64.tar.xz;
   解压：tar -xvf node-v10.6.0-linux-x64.tar.xz;
   重命名安装目录：mv node-v10.6.0-linux-x64 nodejs;
   建立软连接：
   ln -s /usr/local/lib/nodejs/bin/npm /usr/local/bin/
ln -s /usr/local/lib/nodejs/bin/node /usr/local/bin/
3. 执行node -v和 npm -v命令检查是否安装成功
4. 全局安装verdaccio：npm i verdaccio -g;
5. 全局安装pm2，用来守护node进程：npm i pm2 -g;
6. 安装nginx，仍然在 /usr/local/lib下
   下载：wget http://nginx.org/download/nginx-1.13.7.tar.gz
   解压：tar -zxvf nginx-1.13.7.tar.gz；
   换个名字：mv nginx-1.13.7 nginx；
   进入安装目录：cd nginx
   执行：./configure；
   执行：make && make install；
   cd conf/修改nginx.conf，加上这一段：

server {
  listen       80;
  server_name  registry.npm.your.server;
  location / {
    proxy_pass    http://127.0.0.1:4873/;
    proxy_set_header        Host $host;
  }
}
复制代码

建立软连接：ln -s /usr/local/nginx/sbin/nginx /usr/local/bin/
启动nginx: sudo nginx
（重启命令：sudo nginx -s reload）

1. pm2启动服务，执行pm2 start verdaccio，然后浏览器访问http://服务器IP，出现以下页面则代表安装成功。
   
   

   image.png

verdaccio使用方式

verdaccio允许任何人创建账号，若没有配置verdaccio的配置文件config.yaml，则默认任何注册了verdaccio的开发都有publish权限。看个实例：

1. 添加一个用户：npm adduser --registry http://172.16.14.5:
   

   

   image.png

2. 给要添加到服务的工程添加源信息，在工程根目录下新建.npmrc文件，添加以下内容：

registry=http://172.16.14.5/
复制代码

1. package.json中设置好版本，执行npm publish:

image.png

此时再访问http://172.16.14.5，该工程已出现在列表中：

image.png

verdaccio最佳实践

上述publish仓库的步骤很简单，创建用户 -> 设置npm源 -> npm publish。但这样并不是我们想要的流程，我们想要的是publish权限可把控，这当然是可以做的。

1. 查看config.yaml配置文件
一般来说此配置文件在/创建用户/.config/verdaccio中，如果你不确定，你可以直接在服务器上执行verdaccio命令，第一个config file即文件所在位置.

image.png

这个目录下有两个文件及一个目录：

image.png

打开config.yaml，查看packages项，原始内容为：

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

复制代码

字段含义：
scope有两种模式
一种是 @/ 表示某下属的某项目
另一种是 * 匹配项目名称(名称在package.json中有定义)
权限：

• access: 表示哪一类用户可以对匹配的项目进行安装(install)
• publish: 表示哪一类用户可以对匹配的项目进行发布(publish)
• proxy: 如其名，这里的值是对应于 uplinks 的名称，如果本地不存在，允许去对应的uplinks去取。

值的含义：

• $all 表示所有人(已注册、未注册)都可以执行对应的操作
• $authenticated 表示只有通过验证的人(已注册)可以执行对应操作，注意，任何人都可以去注册账户。
• $anonymous 表示只有匿名者可以进行对应操作（通常无用）

如果要指定某个用户才有权限，可以直接写上用户名，多个用户用空格隔开，比如：

publish: michael martin
复制代码

修改完成后请重启nginx和pm2。当前已存在的用户列表可在htpasswd文件中查看。

下载包及缓存仓库

在指定源为内网源的工程下，通过npm install就能下载内网的库了。我们内部的仓库存储在storage目录里，进入storage中，可以看到这里存储了我们使用过的库：

image.png

其中testpro是我们内部的库，进入库中，可以看到我们发布的所有版本都在这里以压缩包的形式存储着

image.png

参考

1. Ways to have your private npm registry
2. verdaccio.org/docs/en/wha…