首页 > 其他分享 >如何将本地代码打包到测试环境?(前端和后端)

如何将本地代码打包到测试环境?(前端和后端)

时间:2024-10-12 11:17:57浏览次数:8  
标签:代码 服务 前端 构建 测试环境 镜像 ID 打包

前几天晚上,睿哥教了我如何将本地的代码打包并部署到测试环境上。然而,他讲得有点快,我可能还不是很熟悉。趁着现在有空,我决定把他讲的内容记录下来,以免以后忘记。

由于我现在同时负责前端、后端和小程序的开发,这三种技术我都需要掌握。本文将首先讲解如何将后端代码打包并部署到测试环境上。

后端

首先,当你在本地编写完代码后,需要将其提交并推送到远程仓库。提交推送后,你就可以在远程仓库中看到你的代码提交记录。

推送之后,然后打开工作台:

打开工作台后,找到设备管理系统:

选择你修改过的服务进行构建(比如,如果你修改了 maintain 服务,那么就构建 maintain 服务)。构建实际上就是打包的过程。

构建完成后,打开 Kubernetes(K8s)控制台,点击 develop

然后在 develop 中找到你修改的那个服务:

找到该服务对应的镜像ID,并复制这个镜像ID。

打开测试环境中的相应服务,将刚才复制的镜像ID粘贴到测试环境的那个服务的镜像ID中。

前端

前端和后端的工作流程完全一致,相似度达到100%。不过,前端相比后端多了一个步骤:在你将代码打包到测试环境后,肯定需要到网页端查看一下,因为测试环境的代码已经更新,你肯定会好奇现在网页端的样子。这时,你只需要在前端的 proxy.ts 文件中打开测试环境,就可以打开网页端进行查看了。仅仅多了这一步。

总结

  1. 本地开发和提交代码

    • 在本地编写完代码后,提交并推送到远程仓库。
  2. 构建服务

    • 打开工作台,选择你修改过的服务进行构建(例如,如果你修改了 maintain 服务,那么就构建 maintain 服务)。构建实际上就是打包的过程。
  3. 打开 Kubernetes 控制台

    • 构建完成后,打开 Kubernetes(K8s)控制台,点击 develop
  4. 找到修改的服务

    • 在 develop 中找到你修改的那个服务。
  5. 获取镜像ID

    • 找到该服务对应的镜像ID,并复制这个镜像ID。
  6. 更新测试环境的镜像ID

    • 打开测试环境中的相应服务,将刚才复制的镜像ID粘贴到测试环境的那个服务的镜像ID中。

这样,就完成了从本地开发到测试环境更新的整个流程。这个流程确保了在本地的修改能够被构建并部署到测试环境中进行验证。

标签:代码,服务,前端,构建,测试环境,镜像,ID,打包
From: https://blog.csdn.net/qq_54432917/article/details/142868372

相关文章

  • 使用EasyExcel写入Excel后,将多个Excel打包为ZIP压缩包下载
    概述使用EasyExcel写入Excel后,将多个Excel打包为ZIP压缩包下载代码@GetMapping("/downloadToZip")publicvoiddownloadToZip(HttpServletResponseresponse){//设置响应头response.setContentType("application/zip");response.setCharacterEncoding(Standar......
  • jinja2+elementUI前端不显示样式问题
    新接的项目要用前端实现一些功能,以前只使用flask框架+jinja2模板语言,没专门学过前端,刚接触着实有点措手不及.问题:我在html中引入了elementUI以及vue.js,copy样式到页面了,为什么样式没起作用?因为复制的样式需要放到div标签里才行!......
  • 使用 InstallShield 2020 打包项目 安装程序
     打开InstallShield2020程序,单击New填写信息下一步  打包成功效果 注:打包过程中报错,进行如下设置 ......
  • 最新Qt6将可执行文件打包为独立exe保姆级教学!含报错:无法定位程序输入点于动态链接库解
     相信大家都有类似的体验,自己已经在Qt练习中写出了不错的小程序,每次想发给别人体验都要发一整个大代码包,还得对面有对应的装好的QT才能运行,或者是想把自己的成果记录下来作为一个单独的exe文件却没有办法,今天教大家Qt如何生成独立可执行exe。注意:以下是Qt6之前版本可用的全过......
  • Vite和Wabpack进行打包项目
    问题:首先,咱们为什么要打包?答案:打包(Packaging)是软件开发中的一个重要步骤,主要目的是将开发好的代码和依赖项打包成一个可分发和运行的格式。关键原因:依赖管理、环境隔离、便于分发、版本控制、安全性、性能优化、部署简化在不同的编程语言和框架中,打包工具和方法可能会有所不......
  • 利用FnOS搭建虚拟云桌面,并搭建前端开发环境(一)
    利用FnOS搭建虚拟云桌面,并搭建前端开发环境一飞牛FnOS官方文档一、安装FnOS【Win11系统】1.下载VirtualBox2.下载FnOS镜像3.创建虚拟机4.启动完成后,会进入这样一个界面,这个基本上后续就后台了本人在网上冲浪了很久,一直也没有找到一个合适的云桌面,至于各种案例和一......
  • AMIS低代码平台,前端开发常见问题(样式篇 图片配置)
    关于样式问题在上篇中已经总结过了。这篇主要说下关于图片的引入。 1.页面上的图片引入。(1)将图片放入apps\bmc\page\bmc-page-config\image目录下。(2)在静态资源中引入,如下图: (3)在图片控件地址栏中引入也可以直接在地址栏中写入图片路径   2.背景图片的处理对于背......
  • 2024前端面试题!
    目录一、Html5、Css3篇1、HTML、XHTML、XML有什么区别?⭐2、XML和JSON的区别?3、是否了解W3C的规范?⭐4、什么是语义化标签?⭐⭐5、常用的块级元素和行内元素有哪一些?⭐6、行内元素和块级元素的区别?⭐7、css盒子模型有几种类型?它们区别是什么⭐8、标签上title与a......
  • 一款Java CMS 网站管理系统,基于RuoYi-fast二次开发,网站后台采用SpringBoot + MyBati
    一款JavaCMS网站管理系统基于RuoYi-fast二次开发,网站后台采用SpringBoot+MyBatis文章目录前言一、开源地址二、环境要求三、功能亮点3.1扩展功能3.2内置功能四、安装方法4.1、拉取源码4.2、修改数据库链接配置4.3、创建数据库并导入数据4.4、配置资源上传......
  • Chromium 前端form表单提交过程分析c++
    一、本文以一个简单的HTML表单,包含两个文本输入框和一个提交按钮:<formaction="demo_form.php">Firstname:<inputtype="text"name="fname"><br>Lastname:<inputtype="text"name="lname"><br><i......