百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT技术 > 正文

前端小白工作记录之提供 docker image

wptr33 2024-11-13 15:04 14 浏览

Why need docker image?

这两天工作遇到一个新的问题,向开源项目提PR之后,issue 的提出者对我说作为一个对后端一窍不用的前端小白,看到这个问题,我不禁疑惑了,嗯???我不是在PR里面提供了视频吗?

然后我很愚蠢的重新贴上了界面演示的image

之后我收到了一条新的回复,他说

好的,现在终于引入正题了——

What is docker image?

首先我只知道docker 是后端知识,这个时候就应该赶紧问懂的人了~

询问了mentor,他给我的解释是:

前端项目打包之后的代码部署成一个docker 镜像

为了以防显得自己什么都不知道,并且还没有点学习能力,我开始了面向百度编程,下面就说说,作为前端需要知道的docker 的部分内容,如果你也和我一样的情况,那么请观看下面的内容,但如果你需要更多的,请搜索更专业的人士的文章~

How to get docker image?

第一步:安装docker

docker安装非常小白,下一步即可,这里我就只附上官网连接,记得注册一个账号并登录

第二步:打包项目

每个项目打包项目的命令大同小异,最简单直白的做法是,查看package.json文件中script显示的命令,一般是

npm build / yarn build

第三步:创建镜像文件

在根目录创建Dockerfile文件,至于文件里的内容,本人技术过于浅薄不敢妄言(ps:其实是因为公司的项目本身Dockerfile就已经配置好了,不需要我进行修改,等我学术更精的时候我会好好学一学)

第四步:构建镜像

docker build -t 镜像名称 . // 记住这个 . 不能遗漏

第五步:推送镜像到Docker Hub

docker push 镜像名称

这里很多人会发现自己遇到了一个新问题

终端中报错 denied: requested access to the resource is denied

这个问题其实百度一下就很好解决了,镜像名称应该是由你的docker用户名/镜像名称组成,

那么应该如何修改镜像名称呢?

  • 首先应该查看刚才的镜像名称

  • docker images // 查看所有镜像

  • 这里我还引发了新的问题,我想要的镜像名称为ks-console/alerting,然后我根据搜到说法,把名称改为了我的docker用户名/console/alerting,于是我发现,依然报错denied: requested access to the resource is denied

    注意:不能有两个 '/' 符号

    这里是docker hub仓库的地址,登录上去能够看到刚刚自己推送的镜像,

最后一步

现在我们只需要把完整的镜像名称(你的docker用户名/镜像名称)发给找你要docker image 的人就可以啦

本文由博客群发一文多发等运营工具平台 OpenWrite 发布

相关推荐

【推荐】一款开源免费、美观实用的后台管理系统模版

如果您对源码&技术感兴趣,请点赞+收藏+转发+关注,大家的支持是我分享最大的动力!!!项目介绍...

Android架构组件-App架构指南,你还不收藏嘛

本指南适用于那些已经拥有开发Android应用基础知识的开发人员,现在想了解能够开发出更加健壮、优质的应用程序架构。首先需要说明的是:AndroidArchitectureComponents翻...

高德地图经纬度坐标批量拾取(高德地图批量查询经纬度)

使用方法在桌面上新建一个index.txt文件,把下面的代码复制进去保存,再把文件名改成index.html保存,双击运行打开即可...

flutter系列之:UI layout简介(flutter ui设计)

简介对于一个前端框架来说,除了各个组件之外,最重要的就是将这些组件进行连接的布局了。布局的英文名叫做layout,就是用来描述如何将组件进行摆放的一个约束。...

Android开发基础入门(一):UI与基础控件

Android基础入门前言:...

iOS的布局体系-流式布局MyFlowLayout

iOS布局体系的概览在我的CSDN博客中的几篇文章分别介绍MyLayout布局体系中的视图从一个方向依次排列的线性布局(MyLinearLayout)、视图层叠且停靠于父布局视图某个位置的框架布局(M...

TDesign企业级开源设计系统越发成熟稳定,支持 Vue3 / 小程序

TDesing发展越来越好了,出了好几套组件库,很成熟稳定了,新项目完全可以考虑使用。...

WinForm实现窗体自适应缩放(winform窗口缩放)

众所周知,...

winform项目——仿QQ即时通讯程序03:搭建登录界面

上两篇文章已经对CIM仿QQ即时通讯项目进行了需求分析和数据库设计。winform项目——仿QQ即时通讯程序01:原理及项目分析...

App自动化测试|原生app元素定位方法

元素定位方法介绍及应用Appium方法定位原生app元素...

61.C# TableLayoutPanel控件(c# tabcontrol)

摘要TableLayoutPanel在网格中排列内容,提供类似于HTML元素的功能。TableLayoutPanel控件允许你将控件放在网格布局中,而无需精确指定每个控件的位置。其单元格...

想要深入学习Android性能优化?看完这篇直接让你一步到位

...

12个python数据处理常用内置函数(python 的内置函数)

在python数据分析中,经常需要对字符串进行各种处理,例如拼接字符串、检索字符串等。下面我将对python中常用的内置字符串操作函数进行介绍。1.计算字符串的长度-len()函数str1='我爱py...

如何用Python程序将几十个PDF文件合并成一个PDF?其实只要这四步

假定你有一个很无聊的任务,需要将几十个PDF文件合并成一个PDF文件。每一个文件都有一个封面作为第一页,但你不希望合并后的文件中重复出现这些封面。即使有许多免费的程序可以合并PDF,很多也只是简单的将...

Python入门知识点总结,Python三大数据类型、数据结构、控制流

Python基础的重要性不言而喻,是每一个入门Python学习者所必备的知识点,作为Python入门,这部分知识点显得很庞杂,内容分支很多,大部分同学在刚刚学习时一头雾水。...