在多个注册表之间同步 NPM 包

在多个注册表之间同步 npm 包

照片由 nicolas radzimski 在 unsplash 上拍摄

问题

我们的团队依靠内部 gitlab npm 注册表来管理包。这非常适合内部分发,但在某些情况下需要与外部协作者共享包。将包从内部注册表同步到外部注册表成为一项新的挑战。

我开始寻找解决方案,但像往常一样,遇到了一系列障碍,这让我的开发者斗争又掀开了新的篇章。

尝试 1:使用 http 请求模仿 npm cli

最初,我认为我可以使用原始 http 请求来处理这个问题,本质上是模仿 npm cli 在幕后所做的事情。这个想法很简单:查询源注册表中的包元数据,获取 tarball,并将其上传到目标注册表。

为什么失败:

• 过程过于复杂且脆弱。
• 它需要为每个版本手动构建整个package.json 清单。
• 每一个小失误都会导致包裹破损。

尝试 2:利用 npm-registry-sync

接下来,我发现了 npm-registry-sync,一个专为同步 npm 注册表而设计的库。这个工具几乎解决了这个问题;它可以监控更改并跨注册表复制它们。

为什么它对我不起作用:

• 它以“守护程序模式”运行,不断轮询更新。
• 在 gitlab ci 管道中,我需要一次性执行,完全由管道控制 — 不允许后台进程。

获胜解决方案:npm cli

最终,我意识到我可以坚持使用久经考验的 npm cli。步骤很简单:

从注册表 a 本地安装软件包。重新配置 npm 以指向注册表 b。将包发布到registry b。

虽然这很神奇,但需要一些额外的步骤才能使其对 ci 友好。

为多个注册表配置 npm

在 ci 管道中动态管理注册表配置有点棘手。

这是我解决的方法:

总体配置

使用 npm cli,您可以为每个注册表设置参数:

npm config set "//my.awesome.registry.com:="

重要问题:
配置中的 url 必须排除协议 (https:)。

包到注册表关联

将特定命名空间或包与注册表关联:

npm config set ":registry" ""

处理 ci 管道中的身份验证

一些注册表需要用户名/密码组合,而其他注册表则使用令牌。这是我学到的:

代币

令牌很简单,但请确保在配置身份验证 url 时剥离协议:

npm config set "//my.registry.com:_authtoken="

基本认证

生成基本的身份验证哈希(用户名:密码)需要注意细节。在某些发行版中,base64 命令具有与其他发行版不同的怪癖。

macos 上:

echo -n "" | base64

会给你(如预期):

d2hhdcbhcmugew91igrvaw5nighlcmu/igdvdcb5ysegc29tzsbtb3jlihrlehqgdg8gbwfrzsb0aglzihjlywxsesbyzwfsbhkgbg9uzw==

使用 docker linuxkit:

d2hhdcbhcmugew91igrvaw5nighlcmu/igdvdcb5ysegc29tzsbtb3jlihrlehqgdg8gbwfrzsb0aglzihjlywxsesbyzwfsbhkgbg9uzw==

这是怎么回事?换行了!

在某些发行版上,wrap 参数默认设置为 76 个字符,用于格式化私钥等。

它的工作原理如下:

echo -n "" | base64 --wrap 0

echo -n 非常重要。如果省略,echo 会在字符串末尾添加换行符,这将操纵您的哈希值。

完成的脚本

将它们放在一起,脚本可能如下所示:

#!/usr/bin/env bash# input validationif [ "$#" -ne 5 ]; then  echo "usage: $0     "  exit 1fisource_registry=$1target_registry=$2source_registry_token=$3target_registry_username=$4target_registry_password=$5echo "source_registry=$source_registry"echo "target_registry=$target_registry"echo "source_registry_token=${source_registry_token:0:10}"echo "target_registry_username=${target_registry_username}"echo "syncing from '$source_registry' to '$target_registry'..."remove_protocol() {  sed -e 's/^https?://g;t' <<< "$1"}packages=(  "@my-namespace/my-package")# info: removing the protocol (^https:) from the authtoken config is crucial. will not work without it.# auth for source registrynpm config set "$(remove_protocol $source_registry):_authtoken=$source_registry_token"# --wrap 0 is super important! if omitted, it will cause the base64 to contain a line break after 76 chars!basic_auth=$(echo -n "$target_registry_username:$target_registry_password" | base64 --wrap 0)# auth for target registrynpm config set "$(remove_protocol $target_registry):_auth" "$basic_auth"npm config set "$(remove_protocol $target_registry):always-auth=true"# set to source registry to fetch metadatanpm config set "@my-namespace:registry" "$source_registry"for package in "${packages[@]}"; do  echo "syncing '$package'..."  for version in $(npm view "$package" --json | jq -r '.versions[]'); do    # install locally    npm install "$package@${version}" --ignore-scripts    # switch to target registry    npm config set "@my-namespace:registry" "$target_registry"    # publish on target    npm publish ./node_modules/"$package"    # re-set to source registry    npm config set "@my-namespace:registry" "$source_registry"  donedoneecho "done syncing packages."

所以你可以像这样使用它:

#!/usr/bin/env bashSOURCE_REGISTRY=https://my.source.registry.comSOURCE_REGISTRY_TOKEN=abc-xyz-1234568TARGET_REGISTRY=https://my.target.registry.comTARGET_REGISTRY_USERNAME=john_doeTARGET_REGISTRY_PASSWORD=supersecret123sync-registries.sh $SOURCE_REGISTRY $TARGET_REGISTRY $SOURCE_REGISTRY_TOKEN $TARGET_REGISTRY_USERNAME $TARGET_REGISTRY_PASSWORD

主要经验教训

坚持使用简单的工具:
npm cli 可能不太适合这项任务,但它很可靠并且可以完成工作。

注意细节:
配置身份验证,尤其是使用 base64,可能会出现微妙的特定于平台的怪癖。

保持 ci 友好:
在 ci/cd 管道中工作时,避免使用守护进程或后台任务等解决方案。让流程处于管道控制之下。

在注册表之间同步 npm 包是一次令人沮丧但有益的学习经历。如果您面临类似的挑战,我希望这些课程可以帮助您更轻松地度过难关!

以上就是在多个注册表之间同步 NPM 包的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1498830.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 20:48:29
下一篇 2025年12月19日 20:48:39

相关推荐

  • Nodejs 中的 Stripe 订阅集成 [终极指南]

    让 stripe 订阅与后端服务配合使用可能会很棘手,并且常常会导致开发人员所谓的可怕的“大脑分裂”——同步管理 stripe 的逻辑和您自己的后端数据。 在 vratix,我们在构建开源 stripe 订阅 api 模块时正面解决了这个问题。以下是我们如何在 node.js 中处理 stripe …

    2025年12月19日
    000
  • 我的 React 之旅:第 4 天

    今天的主题是深入研究对象和数组,这是 javascript 中的两种基本数据结构。了解他们的方法以及如何解构它们为简化代码开辟了新的可能性。以下是我所学到的总结: 对象对象是相关属性和方法的集合,使我们能够对数据进行有意义的分组。 示例对象: let user = { name: ‘segun’, …

    2025年12月19日
    000
  • 如何在非Vue项目中使用vue-quill-editor实现纯文本粘贴?

    在非vue项目中使用vue-quill-editor实现粘贴纯文本功能 在一个非vue项目中,我们需要使用vue-quill-editor,并实现粘贴纯文本功能。具体要求如下: 粘贴富文本时,将其转换为纯文本。插入文本后,光标应移至插入文本后方。文本样式不受当前光标位置样式影响。 解决方案 可以使用…

    2025年12月19日
    000
  • JavaScript Promise同步调用:await一个未resolve/reject的Promise会发生什么?

    javascript promise 同步调用中的困惑 在 javascript 中使用 promise 时,有时候会出现看似同步调用的情况,导致令人困惑的结果。 在下列代码中: async function yyy() { console.log(‘yyy调用xxx开始’); let res = …

    2025年12月19日
    000
  • JS Promise异步调用为何会阻塞主线程?

    js promise 同步调用为何阻塞? 对于问题中呈现的代码: async function yyy() { console.log(‘yyy调用xxx开始’) let res = await xxx() console.log(‘yyy调用xxx结束’, res)} async function…

    2025年12月19日
    000
  • Vue中如何实现滚动到顶部加载更多数据且保持滚动位置不变?

    vue 滚动到顶部时加载更多数据,但保持滚动位置不变 在某些场景中,我们需要类似微信聊天记录那样,当用户向上滚动到顶部时加载更多历史记录,但滚动条位置依然保持在当前位置。 下面提供一种解决方法: {{ item }} import { createApp, ref, nextTick } from …

    2025年12月19日
    000
  • 如何在本机反应中按下“下一个”键盘按钮后选择下一个 TextInput?

    步骤: 使用 ref 控制焦点 为每个 textinput 分配一个引用,以编程方式控制焦点。 处理提交编辑 使用 onsubmitediting 事件来聚焦下一个输入。 设置 returnkeytype 将中间字段的 returnkeytype 设置为“next”,将最后一个字段设置为“done”…

    2025年12月19日
    000
  • 计算机编程中的“pattern”究竟指什么?

    如何理解计算机中的“pattern”? 在计算机编程中,经常会遇到“pattern”这个词,它是一个非常重要的概念。它可以被翻译为“模式”,但是这个翻译并不完全准确,因为“模式”一词在中文语境中范围太大,容易造成混淆。 为了更准确地理解“pattern”在计算机中的含义,我们可以从一个例子入手: A…

    2025年12月19日
    000
  • 即时设计如何实现复制透明PNG图片并保留透明效果?

    如何实现即时设计中复制透明png图片 即时设计是一款在线设计工具,允许用户复制带有透明背景的PNG图片。与传统的Clipboard API复制相比,即时设计中的复制方法特别之处在于保留了图片的透明效果。 即时设计复制过程 当用户选择复制一个带有透明背景的元素时,即时设计会在后台执行以下步骤: 将元素…

    2025年12月19日
    000
  • JavaScript splice方法删除数组元素后,为什么返回的不是修改后的数组?

    数组删除疑惑 javascript 的 splice 方法用于从数组中删除元素。然而,它返回已删除元素的副本,而不是修改后的数组。 问题场景 考虑以下代码: 立即学习“Java免费学习笔记(深入)”; console.log([‘1’, ‘2’, ‘3’, ‘4’, ‘5’].splice(3, 1…

    2025年12月19日
    000
  • JavaScript中如何异步中断for循环的执行?

    如何在javascript中从外部中断for循环的执行? 在javascript单线程的环境中,同步for循环一旦开始执行,就无法通过内部变量从外部中断。不过,我们可以通过异步的方式来实现从外部中断for循环。 解决方案:异步for循环 使用promise和async/await语法,我们可以创建异…

    2025年12月19日
    000
  • 如何通过异步编程中断JavaScript中的for循环?

    如何从外部中断 javascript 中的 for 循环执行? 在 javascript 中,当需要从外部中断 for 循环的执行时,可以使用异步编程的方法。这是因为 javascript 是一种单线程执行环境,这意味着同步 for 循环无法在执行过程中中断。 解决方案: 要在外部中断 for 循环…

    2025年12月19日
    000
  • JavaScript splice方法返回值为何与预期不符?

    javascript 数组删除的困惑 提问: 最近在操作 javascript 数组时,我遇到了一个困惑,如下: console.log([‘1′,’2′,’3′,’4′,’5’].splice(3, 1)) // 输出 [‘4’] 按理来说, splice(3, 1) 应该从索引为 3 的位置删除…

    2025年12月19日
    000
  • 测试数据管理:综合指南

    为什么测试数据管理对于现代开发至关重要 在当今快节奏的软件开发环境中,测试数据管理 (TDM) 在确保测试过程的质量、速度和效率方面发挥着关键作用。随着企业努力追求更快的发布和更好的软件质量,有效管理测试数据变得比以往任何时候都更加重要。 什么是测试数据管理? 测试数据管理是指创建、管理和维护用于测…

    2025年12月19日
    000
  • JavaScript Promise异步调用阻塞:为什么await会卡住程序?

    js promise同步调用的阻塞问题 在javascript中,对于一段异步操作,可以将其包装成一个promise,以便可以使用 await 关键字来同步调用。但当promise没有被显式地通过 resolve 或 reject 来解决时,会引发阻塞问题。 node.js 环境 在node.js中…

    2025年12月19日
    000
  • 正则表达式/[1-9]\d*$/为什么匹配-1?

    正则表达式 /[1-9]d*$/ 与意外的 -1 正则表达式 /[1-9]d*$/旨在匹配一个正整数,即不含小数点或负号的整数。然而,我们发现当传入 “-1” 时,该正则表达式却返回了 true,这与我们的预期不符。 原因在于,该正则表达式只检查了字符串末尾的数字,而没有考虑…

    2025年12月19日
    000
  • JavaScript状态锁失效:为什么快速点击会引起函数重复执行?

    状态锁失效的原因 在提供的代码中,状态锁 is_runing 似乎失效,导致快速连续点击复选框时 run_task 函数执行了两次。 这是由于 javascript 的事件循环机制。当点击复选框时,onchange 事件被添加到任务队列中。此时,is_runing 已被标记为 true,但 run_…

    2025年12月19日
    000
  • 创建 CLI 来搭建扩展

    在之前的练习中,我们使用 typescript 构建了一个浏览器扩展。这涉及一系列步骤,包括创建 vite 项目并对其进行定制以满足浏览器扩展的特定要求。虽然该过程并不是特别漫长或复杂,但我们可以通过使用 node cli(命令行界面)实现自动化来进一步简化它。如果您是 cli 新手,请让我引导您完…

    2025年12月19日
    000
  • 未定义与未定义

    首先,我们需要了解 javascript 代码执行过程,它由两个阶段组成:内存创建阶段和代码执行阶段。 “未定义”和“未定义”都与内存空间有关。 未定义 在内存创建阶段,变量和函数被存储为键值对。 javascript 将 undefined 分配给每个变量作为占位符。这个临时值会一直保留,直到 j…

    2025年12月19日
    000
  • 如何快速稳定访问GitHub?

    稳定快速访问 github 对于日常开发人员来说,访问 github 十分重要,但有时,除了科学上网之外,在日常环境中打开 github 会遇到困难,严重影响工作效率。 针对这一问题,除了使用科学上网工具外,还有一些方法可以帮助你快速稳定地访问 github。其中一种方法是修改 hosts 文件。 …

    2025年12月19日
    000

发表回复

登录后才能评论
关注微信