npm 和 maven 使用 Nexus3 私服 | 前后端一起学

前文《Docker 搭建 Nexus3 私服 》介绍了在 docker 环境下安装 nexus3 以及 nexus3 的基本操作和管理,本文分别介绍 npm(前端)和 maven(后端)如何使用 nexus3 作为私服。文中的 demo 可以在 github 上搜索 youyage_nexus3_demos 获取。

本篇内容分为上下两个部分,上篇是npm使用 Nexus3 私服,下篇是maven 使用 Nexus3 私服。

1 npm 中使用 Nexus3

这里以一个 JS 库为例来说明前端公共库如何发布到 Nexus3 私服。Vue或其他组件库的发布也是一样的操作,只是打包等发布前的操作不同。本文中所有的 demo 都放在 youyage_nexus3_demo

1.1 JavaScript 库开发

1) 创建 JS 库项目目录: js-demo-lib

2)使用 npmyarn 等包管理工具初始化项目:

yarn init

3)由于咱们重点是演示 nexus3 发布 JS 库,故 webpack 打包等操作咱们都略过。修改 package.json,指定 type 属性值为 module:

{
  "name": "js-demo-lib",
  "version": "1.0.1",
  "type": "module",
  "main": "index.js",
  "license": "MIT",
  "author": {
    "name": "youyage",
    "email": "heroyyg@126.com"
  }
}

4)在项目根目录下创建入口文件 index.js:

export const testMsg = (str) => {
    return hello ${str}
}

export default {
    testMsg
}

该文件中就只提供了一个 testMsg 方法。

1.2 创建 Nexus3 前端仓库

1)创建仓库,仓库类型选择 npm(hosted),Name 填写 demo-npm-hosted,点击页面底部的 Create repository按钮创建仓库;

2)创建仓库,仓库类型选择 npm(proxy),Name 填写 demo-npm-proxy

Remote storage 即远程仓库的地址,可以填 npm 官方的地址,也可填写淘宝镜像或其他地址,这里我填写官方地址: https://registry.npmjs.org,点击页面底部的 Create repository按钮创建仓库;

3)创建仓库,仓库类型选择 npm(group),Name 填写 demo-npm-group,在下面的 Group 中将左侧两个刚创建的仓库移动到右边:

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

点击页面底部的 Create repository按钮创建仓库。

通过上面的三个步骤,便创建了npm的三种类型的仓库。

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

点击 demo-npm-group 后面的 copy 按钮可以查看并复制私服地址:

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

1.3 JS 库发布到 Nexus3 私服仓库

要发布 JS 库,需要先通过 npm 指定 Registry 登录。Registry 为私服 hosted 仓库的地址:

http://localhost:8081/repository/demo-npm-hosted/

在命令行中使用 npm 登录 nexus3 私服:

npm login --registry http://localhost:8081/repository/demo-npm-hosted/

依次填写上文创建的用户的用户名 username、密码 password、邮箱 email:

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

401 错误处理

如果登录失败,出现 401 错误:

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

在确保用户名、密码、邮箱都正确的前提下,可以采用下面的方式进行处理:

打开系统当前用户主目录中的 .npmrc 文件:

vi /Users/liuyun/.npmrc

删除该文件中对应私服地址的 authToken,如下图,删除该行,然后重新登录。

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

登录成功后会提示:

npm notice Log in on http://localhost:8081/repository/demo-npm-hosted/

发布 JS 库:

npm publish --registry http://localhost:8081/repository/demo-npm-hosted/

如果发布时提示 401,可按照上述登录 401 进行检查;如果还是失败,则检查 nexus3 的 Realms 设置,查看 npm Bearer Token Realm 是否激活。

JS 库发布成功,可以在 Nexus 中看到:

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

1.4 应用通过 Nexus3 使用 JS 库

1) 创建 JS 库项目目录: js-demo-app

2)使用 npmyarn 等包管理工具初始化项目:

yarn init

3)使用 yarn 添加依赖:上面发布的 JS 库 js-demo-lib:

yarn add js-demo-lib --registry http://localhost:8081/repository/demo-npm-group/

4)修改 package.json,指定 type 属性值为 module

5)在项目根目录下创建入口文件 index.js:

import lib from 'js-demo-lib'

console.log(lib.testMsg('程序员优雅哥'))

该文件中引入 JS 库,并调用 JS 库的 testMsg 方法。

6)在控制台中测试运行:

node ./index.js

控制台中输出:

hello 程序员优雅哥

如果 JS 库升级了,可以使用如下命令在应用端升级:

yarn upgrade js-demo-lib --registry http://localhost:8081/repository/demo-npm-group/

1.5 命令总结

npm 登录私服使用 hosted 地址:

npm login --registry http://localhost:8081/repository/demo-npm-hosted/

npm 发布使用 hosted 地址:

npm publish --registry http://localhost:8081/repository/demo-npm-hosted/

npm 添加 / 更新私服上的包,使用 group 地址:

yarn add js-demo-lib --registry http://localhost:8081/repository/demo-npm-group/
yarn upgrade js-demo-lib --registry http://localhost:8081/repository/demo-npm-group/

2 Maven 中使用 Nexus3

2.1 Nexus3 Maven 仓库

安装好 nexus3 后,默认有四个 maven 仓库:

maven-central:类型为 proxy,对中央仓库的代理,默认配置了 https://repo1.maven.org/maven2/,可以将其修改为阿里云镜像: http://maven.aliyun.com/nexus/content/groups/public/
maven-release:类型为 hosted,开发人员部署自己的 release 版本 jar 包的宿主仓库
maven-snapshots:类型为 hosted,开发人员部署自己的 snapshots 版本 jar 包的宿主仓库
maven-public:类型为 group,组仓库,聚合了上面三者。

可以按照这四者进行创建,也可以直接使用。这里就直接使用这四个仓库了。

2.2 配置 Maven

打开 maven 的配置文件 settings.xml,如果只是从 nexus3 拉取包,则只需要配置镜像(mirror)即可;如果要发布包到 nexus3 上,除了配置镜像 mirror,还需要配置 server。

  • 镜像配置(group类型 – maven-public 的地址)

                nexus3-maven-public
                central
                Nexus3 Maven Public
                http://localhost:8081/repository/maven-public/

  • 配置 server

        nexus3-releases
        youyage
        111111

        nexus3-snapshots
        youyage
        111111

server 中的 username 和 password 就是 上文在 nexus3 中创建的用户的 id 和 password。

2.3 Java 包发布到 Nexus3 私服仓库

现在创建一个 Maven 项目,将其发布到 Nexus3 中。

1)新建 Maven 项目,项目名为: java-demo-lib

2)pom.xml 如下:


    4.0.0

    com.yygnb.demo.lib
    java-demo-lib
    1.0-SNAPSHOT

        8
        8

            nexus3-releases
            nexus3-releases
            http://localhost:8081/repository/maven-releases/

            nexus3-snapshots
            nexus3-snapshots
            http://localhost:8081/repository/maven-snapshots/

由于需要将该项目发布到 Nexus3 中,故需要在 distributionManagement 节点中配置 repositoryrepository 中需配置三个子节点:

  • id:与 settings.xml 中配置的 server 中的 id 一致;
  • name:无特殊要求
  • url:type 为 hosted 的 maven 仓库。由于 hosted 类型的仓库分为 release 和 snapshots,故两个地址分别对应 maven-snapshots 和 maven-release 的地址。

3)编写 DemoUtils:

package com.yygnb.demo.lib;

public class DemoUtils {

    public static String test(String str) {
        return "snapshot - Hello " + str;
    }
}

发布 snapshots 包:

由于现在 pom.xml 中 version 为: 1.0-SNAPSHOT,将其发布到 maven-snapshots 中。执行

mvn clean deploy

执行成功如下:

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

在 nexus3 页面上也可以看到在 maven-snapshots 仓库中有这个包:

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

发布 release 包:

为了方便后面看效果,此处将DemeUtils 中 test 方法返回值修改为:

return "release - Hello " + str;

将 pom.xml 中 version 修改为 1.0:

1.0

再次执行 mvn clean deploy。执行成功后,可以在 maven-release 仓库中看到这个包:

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

如此一来,release 和 snapshots 都成功发布到 nexus3 的 hosted 仓库中了。

2.4 应用通过 Nexus3 使用 Java 通用包

最后创建一个项目,分别测试拉取上面发布的 snapshots 和 release 包。

创建 Maven 项目,项目名为 java-demo-app。在 pom.xml 中添加repository,指定 nexus3 的 maven-public 地址:


        nexus3-maven-public
        nexus3-maven-public
        http://localhost:8081/repository/maven-public/

            true

            true

添加上面 java-demo-lib snapshot 依赖:


        com.yygnb.demo.lib
        java-demo-lib
        1.0-SNAPSHOT

刷新 Maven,可以看到从 nexus3 中拉取了该依赖。

写个 main 方法测试:

package com.yygnb.demo.app;

import com.yygnb.demo.lib.DemoUtils;

public class MainDemo {

    public static void main(String[] args) {
        System.out.println(DemoUtils.test("程序员优雅哥"));
    }
}

执行该方法,控制台输出:

snapshot - Hello 程序员优雅哥

先将依赖版本修改为 1.0,即:

<dependencies>
    <dependency>
        <groupid>com.yygnb.demo.lib</groupid>
        <artifactid>java-demo-lib</artifactid>
        <version>1.0</version>
    </dependency>
</dependencies>

刷新 Maven,重新执行 main 方法,控制台输出:

release - Hello &#x7A0B;&#x5E8F;&#x5458;&#x4F18;&#x96C5;&#x54E5;

2.5 配置总结

1) settings.xml

...

                nexus3-maven-public
                central
                Nexus3 Maven Public
                http://localhost:8081/repository/maven-public/

        nexus3-releases
        youyage
        111111

        nexus3-snapshots
        youyage
        111111

...

2)pom.xml

...

        nexus3-maven-public
        nexus3-maven-public
        http://localhost:8081/repository/maven-public/

            true

            true

        nexus3-releases
        nexus3-releases
        http://localhost:8081/repository/maven-releases/

        nexus3-snapshots
        nexus3-snapshots
        http://localhost:8081/repository/maven-snapshots/

...

关于 nexus3 在 npm 或 maven 环境下的更多操作,在后面的实战部分再继续,如 Vue3 组件库开发和发布、基于 SpringBoot / Spring Cloud 通用权限服务等。

npm 和 maven 使用 Nexus3 私服 | 前后端一起学

感谢你阅读本文,如果本文给了你一点点帮助或者启发,还请三连支持一下,点赞、关注、收藏,作者会持续与大家分享更多干货

Original: https://www.cnblogs.com/youyacoder/p/16650210.html
Author: 程序员优雅哥(/同)
Title: npm 和 maven 使用 Nexus3 私服 | 前后端一起学

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/578493/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • Vue3 封装 Element Plus Menu 无限级菜单组件

    本文分别使用 SFC(模板方式)和 tsx 方式对 Element Plus el-menu 组件进行二次封装,实现配置化的菜单,有了配置化的菜单,后续便可以根据路由动态渲染菜单。…

    Linux 2023年6月7日
    0153
  • Redis做Mybatis的二级缓存

    基于spring boot项目的前提下,使用redis数据库做mybatis的二级缓存。 Redis做mybatis的二级缓存 作用提升速度,保证多台服务器访问同一数据库时不会崩注…

    Linux 2023年6月7日
    0130
  • Oracle 恢复delete误删数据

    — 开启行移动功能 alter table 表名 enable row movement; — 查询删除前的数据 select * from 表名 as of timestam…

    Linux 2023年6月8日
    0102
  • redis后台启动

    打开redis.conf文件 把daemonize设置为yes posted @2021-11-25 15:30 HongMaJu 阅读(73 ) 评论() 编辑 Original…

    Linux 2023年5月28日
    0103
  • linux 系统调优相关参数

    posted @2022-09-05 00:32 LB_运维技术 阅读(4 ) 评论() 编辑 Original: https://www.cnblogs.com/libin-li…

    Linux 2023年6月13日
    0129
  • 个人学习-Linux文件系统架构

    个人学习-Linux文件系统架构 1. 参考文章 [1] https://blog.csdn.net/Holy_666/article/details/86532671 [2]CS…

    Linux 2023年6月6日
    0108
  • linux常用指令记录

    给目标文件夹执行权限:chmod -R 777 html du -sh . [对当前目录下所有的目录和文件的大小进行汇总,-s表示汇总,-h表示以KB, MB, GB, TB格式进…

    Linux 2023年6月6日
    0128
  • 剑指offer计划27(栈与队列困难)—java

    1.1、题目1 剑指 Offer 59 – I. 滑动窗口的最大值 1.2、解法 解题思路:(来自作者bigbeats) 相当于维护一个最大队列(队头元素最大,向队尾非…

    Linux 2023年6月11日
    090
  • js中对象深度拷贝的方法(浅拷贝)

    JS中,一般的赋值传递的都是对象/数组的引用,并没有真正的深拷贝一个对象(浅拷贝),某些情况下需要用到深度拷贝,可以使用如下写法 let data = {username:&quo…

    Linux 2023年6月14日
    0108
  • arch安装桌面环境

    arch可以安装图形用户界面需要的软件包有:xorg-server,xorg-xinit,xfce4 xorg是linux桌面环境下的服务程序,xorg-init是启动xorg的客…

    Linux 2023年6月13日
    097
  • 驳”一切不谈考核的管理都是扯淡”

    一、引子 以我个人的从业经验认为,研发人员的量化考核,始终是一个世界难题。正巧不久前在园子里看到了 “一切不谈考核的管理都是扯淡!”一文(下面简称为&#82…

    Linux 2023年6月13日
    0101
  • ThinkPHP5.x.x各版本实战环境getshell

    <span>http<span>:<span>//www.xxxxx.com/?s=admin/\think\app/invokefunctio…

    Linux 2023年5月28日
    087
  • nginx禁止直接ip、未配置域名访问配置

    问题背景 最近偶然对线上域名配置的nginx IP进行直接访问后,发现http居然是可以通的,而https直接IP访问浏览器会报证书不安全的提示,点击详细查看发现是固定返回了ngi…

    Linux 2023年6月6日
    0219
  • 学习一下 SpringCloud (二)– 服务注册中心 Eureka、Zookeeper、Consul、Nacos

    (1) 相关博文地址: 学习一下 SpringCloud (一)– 从单体架构到微服务架构、代码拆分(maven 聚合): https://www.cnblogs.com/l-y…

    Linux 2023年6月11日
    0120
  • Linux之vim编辑器

    1.vim三种模式 模式 操作 可视模式 可查看内容 编辑模式 可查看可修改内容 命令行模式 给vim发送控制命令,可查看内容 注:打开文件,默认是可视模式 2.三种模式的切换 可…

    Linux 2023年6月6日
    0105
  • shell join详解

    首先贴一个,join –help 然后来理解下。 join 【命令选项】 文件1 文件2 //命令选项可以很多, 但文件只能是两个 先从重要的开始说,join 的作用是…

    Linux 2023年5月28日
    084
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球