使用cnpm搭建本地私有npm仓库

1,889 阅读5分钟

看完你将能收获:搭建自己本地的个人或者公司私有的npm仓库

前言

npm是随同node.js一起绑定安装的包管理工具,其他比较知名的包管理工具有bower,yarn等。

npm现在已经是全球最大的前端包管理工具,截至2021年12月8日止,上个月下载量已经达到了惊人的151,666,241,827次,怎么样,是不是数不过来了,待小编给你翻译翻译,1516亿6624万1827次,上周下载量则是达到了360亿5707万2522 而且该数据也还在继续增长中,可见npm在全球的活跃度,那是相当之高的。

国内都有哪些企业在用呢?唔~~~阿里、京东、腾讯、百度、网易..... 只要是你在中国认识的互联网企业,基本都在用,而他们npm包都是从npm官网下载来的,而npm官网是外国网站,那么就问题来了,咱们直接访问npm外网下载包的时候,会有一股神秘的力量把你保护起来,导致下载包的速度很慢,因此中国优秀的前端团队——来自阿里的淘宝团队,就镜像了一个国内的npm网站。

该网站每十分钟同步一次npm官网的包数据,能让国内广大程序员都能自由自在的使用npm下载别人的包来构建自己的项目。

说到这里问题又来了,我们用npm下载的都是从公网仓库拿的别人的工具包,要是我想开发的工具包但是不想给别人用,也就是开发一个自己或者公司私有的npm仓库,那该怎么办?

来吧,跟随小编进入今天的主题,相信你一定有所收获。

下载项目

搭建本地的私有仓库的方法有很多,今天咱们将要用到的是和淘宝开源的项目--cnpm.org。该项目github地址为:github.com/cnpm/cnpmjs…

拉取项目git命令为: git clone https://github.com/cnpm/cnpmjs.org.git

不要问小编为什么这个页面我会有个加速按钮而你没有,因为我有更神秘的力量。

使用git或者直接下载包并用VSCode打开,项目结构是长这样:

\

好的,接下来就是更改配置文件了。

更改配置

打开项目目录下的config文件夹下的index.js文件

自定义npm端口

找到config对象下名为registryPortwebPort这两个个对象属性

\

这两个端口分别对应了两个层次

  1. webPort

架设的web页面的端口

  1. registry

npm install 拉取包的时候会在后台进行网络请求,请求的网址的端口地址

端口号根据自身情况来定义。

链接数据库

找到config对象下名为database 这个对象属性,开始修改连接数据库配置。

到此为止,我们基本就配置完了,是不是很简单,接下来我们开始运行项目。

运行项目

官方文档说的是要用 make ****命令来完成运行,但是该命令是针对于Mac和Liunx环境下使用的,请Liunx和Mac用户按照官网来运行,这里放上官网的命令

\

而window环境下,咱们只需要用node命令,轻轻的敲一下回车就搞定了!很简单。

找到项目下的dispatch.js文件并使用node命令来运行它。

当看到控制台展现出这些信息,恭喜你,搭建成功了。

接下来咱们测试一下:

先切换本地的npm 的registry地址到我们本地来,检查下是否成功了

切换registry完毕之后,我们尝试安装一下公网的npm包,我们随便装一个jquery吧。

看得出来,哪怕我们切换到了本地节点,我们依旧可以下载上传到npm服务器的公网的包。

这是因为在我们npm install 后会根据包名先在我们本地仓库查找,如果本地仓库没有该包名,就会到淘宝镜像网站上去找。简而言之,你不但创建了自己的私有的包,还拥有了世界上所有开放的包,怎么样,拽不拽。

接下来我们在试试本地的npm服务是否可以使用,由于是新建的库,没有本地包可以install,我们就用npm的注册来判断服务是否正常

好的,看得出来,我们本地的mysql数据库已经把321用户添加进去了,证明我们本地搭建的npm仓库是完美的运行了。怎么样,拽不拽。

发布自己的包

scope

类似于权限,使用@符号开头来命名一个包的空间。发布包的时候要知道是在哪个命名空间下,使用@scope/包名的格式来命名一个包。

package.json声明

检查scpoe,需要在包名上添加scpoe的名称,如下:

\

开始发布

在要发布的项目的根目录下,使用npm publish 命令直接提交即可。

可能会出现403的错误,需要检查一下你提交的包的版本号和现在库里面的包的版本号是否相同还是低于仓库里的版本号,只需要递增提交高于仓库包的版本号即可。

安装自己发布的包

这里会出现一个问题,你安装不起自己发布的包,因此需要执行一遍清除缓存,然后在安装即可

npm cache clean --force 清空缓存重新安装即可