Win10 安装Docker以及Jenkins(超级详细篇)

安装Docker

下载地址:https://docs.docker.com/desktop/install/windows-install/
按照它的指引教程,无脑下一步即可。

安装成功后电脑会重启。

image.png

打开docker桌面端,会显示

image.png

进入链接,下载WSL 安装包进行无脑安装即可。

image.png

安装 Linux 内核更新包 (重启电脑)

重启 Docker Desktop 成功进入

image.png

此时可以打开命令行工具通过查看版本号的方式查看docker的相关信息

docker -v

image.png

后续就可以在命令行工具中使用docker的命令来操作docker。

配置

首先先切换源,

1678531881427.png

打开docker Desktop 右上角设置=》Docker Engine然后下列源复制进去,注意逗号。

"registry-mirrors": [
        "https://docker.mirrors.ustc.edu.cn",
        "https://registry.docker-cn.com",
        "http://hub-mirror.c.163.com",
        "https://mirror.ccs.tencentyun.com"
    ]

image.png

然后重启

image.png

点击start进入网页: http://localhost/tutorial/

安装Jenkins

启动Docker桌面端,拉取Jenkins镜像。

# 拉取jenkins镜像(国内源版本) 
docker pull jenkinszh/jenkins-zh

或者可以再桌面端搜索下载

cec03d533f46885b6389c992ea8ba2a.png

使用文档可以看Jenkins文档

下载完成之后进行镜像配置

image.png

然后运行好了就可以在本地打开了:http://localhost:8080

然后发现Jenkins一直在启动中没有进入

image.png

原因:jenkins里面文件指向国外的官网,因为防火墙的原因连不上

解决方法:将配置文件里面的url换成国内的即可

# 将红线部分修改为下面的url
http://mirror.xmission.com/jenkins/updates/update-center.json

image.png
修改完成后保存重启,如果重启依然没用,然后配置文件的url已经改了,两个方法解决一下:

  • 清一下浏览器缓存
  • 手动访问一下刚刚修改的那个url

正常进入后页面张这个样子

image.png

需要输入密码才可正常进入,密码在命令行中可以看到

image.png

又或者可以去:目录/var/jenkins_home/secrets/initialAdminPassword 里查看。

然后 看到这页面你就大功告成了,除特殊需求外建议安装推荐的插件即可。
image.png

插件安装失败也不要紧,先点进入系统然后我们在安装。

image.png

创建管理员用户,点击完成并保存,然后一路下一步。

image.png

image.png

image.png

image.png

配置完成后自动进入首页,这时点击 系统管理 -> 插件管理 -> 高级 最底下更新源替换为国内链接,此方法无需重启jenkins;

image.png

把url改成一下几种之一:

https://mirror.tuna.tsinghua.edu.cn/jenkins/updates/update-center.json

https://updates.jenkins-zh.cn/update-center.json

然后在更新一下插件即可。

cf8c6efe654eb31c5b256a0438b2d79.png

更新完后重启Jenkins即可。

参考


九旬的博客
关注我,每周输出一篇前端技术文章, 博客地址:[链接]

关注我,每周输出一篇前端技术文章,

1k 声望
1.2k 粉丝
0 条评论
推荐阅读
学会这些 Web API 使你的开发效率翻倍
随着浏览器的日益壮大,浏览器自带的功能也随着增多,在 Web 开发过程中,我们经常会使用一些 Web API 增加我们的开发效率。本篇文章主要选取了一些有趣且有用的 Web API 进行介绍,并且 API 可以在线运行预览。C...

九旬13阅读 1.6k

封面图
涨姿势了,有意思的气泡 Loading 效果
今日,群友提问,如何实现这么一个 Loading 效果:这个确实有点意思,但是这是 CSS 能够完成的?没错,这个效果中的核心气泡效果,其实借助 CSS 中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们...

chokcoco20阅读 2.1k评论 2

在前端使用 JS 进行分类汇总
最近遇到一些同学在问 JS 中进行数据统计的问题。虽然数据统计一般会在数据库中进行,但是后端遇到需要使用程序来进行统计的情况也非常多。.NET 就为了对内存数据和数据库数据进行统一地数据处理,发明了 LINQ (L...

边城17阅读 1.9k

封面图
你可能不需要JS!CSS实现一个计时器
CSS现在可不仅仅只是改一个颜色这么简单,还可以做很多交互,比如做一个功能齐全的计时器?样式上并不复杂,主要是几个交互的地方数字时钟的变化开始、暂停操作重置操作如何仅使用 CSS 来实现这样的功能呢?一起...

XboxYan21阅读 1.6k评论 1

封面图
「彻底弄懂」this全面解析
当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文)。这个记录会包含函数在 哪里被调用(调用栈)、函数的调用方法、传入的参数等信息。this就是记录的其中一个属性,会在 函数执行的过程中用到...

wuwhs17阅读 2.4k

封面图
学会这些 Web API 使你的开发效率翻倍
随着浏览器的日益壮大,浏览器自带的功能也随着增多,在 Web 开发过程中,我们经常会使用一些 Web API 增加我们的开发效率。本篇文章主要选取了一些有趣且有用的 Web API 进行介绍,并且 API 可以在线运行预览。C...

九旬13阅读 1.6k

封面图
用了那么久的 SVG,你还没有入门吗?
其实在大部分的项目中都有 直接 或 间接 使用到 SVG 和 Canvas,但是在大多数时候我们只是选择 简单了解 或 直接跳过,这有问题吗?没有问题,毕竟砖还是要搬的!

熊的猫17阅读 1.5k评论 2

封面图

关注我,每周输出一篇前端技术文章,

1k 声望
1.2k 粉丝
宣传栏