前端小白工作记录之提供 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控件允许你将控件放在网格布局中,而无需精确指定每个控件的位置。其单元格...
- 12个python数据处理常用内置函数(python 的内置函数)
-
在python数据分析中,经常需要对字符串进行各种处理,例如拼接字符串、检索字符串等。下面我将对python中常用的内置字符串操作函数进行介绍。1.计算字符串的长度-len()函数str1='我爱py...
- 如何用Python程序将几十个PDF文件合并成一个PDF?其实只要这四步
-
假定你有一个很无聊的任务,需要将几十个PDF文件合并成一个PDF文件。每一个文件都有一个封面作为第一页,但你不希望合并后的文件中重复出现这些封面。即使有许多免费的程序可以合并PDF,很多也只是简单的将...
- Python入门知识点总结,Python三大数据类型、数据结构、控制流
-
Python基础的重要性不言而喻,是每一个入门Python学习者所必备的知识点,作为Python入门,这部分知识点显得很庞杂,内容分支很多,大部分同学在刚刚学习时一头雾水。...
- 一周热门
-
-
C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)
-
因果推断Matching方式实现代码 因果推断模型
-
git pull命令使用实例 git pull--rebase
-
面试官:git pull是哪两个指令的组合?
-
git 执行pull错误如何撤销 git pull fail
-
git pull 和git fetch 命令分别有什么作用?二者有什么区别?
-
git fetch 和git pull 的异同 git中fetch和pull的区别
-
git pull 之后本地代码被覆盖 解决方案
-
还可以这样玩?Git基本原理及各种骚操作,涨知识了
-
git命令之pull git.pull
-
- 最近发表
- 标签列表
-
- git pull (33)
- git fetch (35)
- mysql insert (35)
- mysql distinct (37)
- concat_ws (36)
- java continue (36)
- jenkins官网 (37)
- mysql 子查询 (37)
- python元组 (33)
- mysql max (33)
- vba instr (33)
- mybatis 分页 (35)
- vba split (37)
- redis watch (34)
- python list sort (37)
- nvarchar2 (34)
- mysql not null (36)
- hmset (35)
- python telnet (35)
- python readlines() 方法 (36)
- munmap (35)
- docker network create (35)
- redis 集合 (37)
- python sftp (37)
- setpriority (34)