一。我就简单记录一下我部署uniapp+nodejs+mysql的前后端项目吧1.准备好前端项目，如果是web端就准备好vue项目打包后的文件，我是uniapp做的app，就不用打包了。2.准备后端文件，nodejs对于前端来说上手速度应该是最容易的了，我使用的是express框架。3.购买阿里云ECS云服务器，我是新人免费领取一个月的服务器。二，简述我做的前端项目内容，与后端做了什么工作，前端项
转载
2023-11-07 11:19:37
25阅读
在当今的开发环境中，Docker 已成为一种重要的工具，特别是在前端开发中。如何在 Docker 中部署前端应用，不仅可以简化开发和发布流程，还能确保一致的运行环境。在本文中，我将分享从问题到解决方案的整个过程，以帮助开发者有效地在 Docker 中部署前端应用。
### 问题背景
随着前端应用的复杂性增加，各种开发环境问题频繁出现，严重影响了业务交付的效率。部署时的不一致性导致了“在我机器上
以构建im-web为例，部署到arm64架构的服务器 Dockerfile # Nginx镜像 FROM nginx:stable-linuxarm64 # 删除默认的 Nginx 配置文
Docker 变得越来越流行，它可以轻便灵活地隔离环境，进行扩容，方便运维管理。对开发者也更方便开发，测试与部署。 最重要的是，当你面对一个陌生的项目，你可以照着 Dockerfile，甚至不看文档（文档也不一定全，全也不一定对）就可以很快让它在本地跑起来。 现在很强调 DevOps 的理念，我把 DevOps 六个大字放在电脑桌面上，格物致知了一天。豁然开朗，DevOps 的意思就是写一个
转载
2023-11-21 21:33:21
70阅读
一、Docker容器和镜像概念首先明确镜像和容器的概念。我们可以用 docker 构建一个镜像，这个镜像可以导入导出，用于传输，重复利用。然后如果把他 run 起来，则称为一个容器。容器是运行时，会包括运行时上下文；镜像是静态的，不包括运行上下文。 Docker容器： 容器 = 镜像 + 可读层。 二、Docker的常用操作命令镜像操作： 容器操作： 更多命令请参考：Docker Docs三、实际
转载
2023-09-15 20:01:11
326阅读
1. Docker 1.1 什么是DockerDocker是开源的，基于Linux容器技术的引擎，统一了被隔离的应用程序访问系统核心的API。试图解决开发者的世纪难题在我的机器上可以跑。前端同学可以视镜像为npm包,仓库为npm仓库。这样更方便理解。1.2 为什么使用DockerDocker是一种类似虚拟机技术的缩减版，由于虚拟机启动过程过于漫长与虚拟化之后的硬件在运行程序的时候，并不能很好的契合
转载
2023-09-02 15:27:06
142阅读
温馨提示：如果有自己的服务器最好不过了，这样部署网项目就可以上线了。没有的话，只能使用localhost 本机访问啦，记得替换 ngixn 中的ip地址、域名为localhost。 (一) 准备工作一、安装1、安装Docker并配置阿里云仓库加速① 环境查看，选择对应的docker的安装版本：docker 帮助文档：https://docs.docker.com/get-started/overv
转载
2023-08-11 16:55:23
181阅读
# 如何在前端开发中使用Docker
在前端开发中，Docker 可以帮助我们更轻松地构建、打包和部署应用程序。本文将介绍如何在前端开发中使用 Docker，并解决一个实际的问题。
## 为什么要在前端开发中使用 Docker
使用 Docker 可以带来诸多好处，包括：
- **环境一致性**：开发环境、测试环境和生产环境的一致性，避免因环境配置不同导致的问题。
- **易于部署**：将
原创
2024-05-08 03:27:05
32阅读
Docker单独部署前端项目和Node项目是非常便捷的，在这里分享一下Docker的使用，主要聊聊它的部署实践。（我是window10专业版安装Docker）DockerDocker是一种应用容器引擎技术，类似于虚拟机，不过它的实用性、通用性、便捷性更强，Docker容器可以说就是VM，不过占用资源更少，更轻量，通过操作系统级虚拟化方法，利用更加节省的硬件资源提供给用户更多的计算资源。Docker
转载
2023-07-14 16:08:28
90阅读
前言 在前后端还没有分离的时代下，前端项目通常是放在后端项目的静态资源目录下一起部署的，那个时候还没有专门的前端程序员，或者说前端程序员不需要自己部署网站.通常前端人员只需要把网站源文件如.html文件结尾的资源包发给后端或者运维即可，剩下的事情便交给后端或运维定了.但随着技术的发展,前后端分离开发后,前端项目也通常分离部署了，这个时候可能就需要前端人员自己部署前端项目，然而前端开发人员很少接触到
转载
2023-11-02 22:10:08
95阅读
使用 Docker + Nginx 部署前端项目前端项目除了目前的纯单页应用，还有SSR的应用，例如 nuxt 和 nextjs，其区别在于前者是单独的前端页面部署，而后者使用了一个内部的 node 小型服务器来做到服务器页面直出的效果。下面我们就针对这两种常见的前端项目，讲讲他们上线部署的流程。部署单页应用单页应用，一般使用一种或多种前端框架，在发布上线时，一般会打包（webpack + bab
原创
2023-11-14 14:26:47
128阅读
P90-前端基础高级布局flex-弹性容器属性介绍 文章目录P90-前端基础高级布局flex-弹性容器属性介绍1.概述2.弹性容器属性介绍2.1.设置弹性元素是否自动换行2.2.设置分配主轴上的空白空间2.3.设置元素在弹性容器辅轴对齐方式2.4.覆盖当前弹性元素上的align-items2.5.设置元素在弹性容器辅轴空白空间的分布3.弹性容器属性设置完整代码 1.概述这篇文章介绍弹性容器盒中弹性
docker 变得越来越流行，它可以轻便灵活地隔离环境，进行扩容，方便运维管理。对开发者也更方便开发，测试与部署。最重要的是，当你面对一个陌生的项目，你可以照着 Dockerfile，甚至不看文档(文档也不一定全，全也不一定对)就可以很快让它在本地跑起来。现在很强调 devops 的理念，我把 devops 六个大字贴在电脑屏幕上，格物致知了一天。豁然开朗：devops 的意思就是写一个 Dock
原创
2021-01-28 11:42:44
212阅读
学习了一周的CICD,踩了很多坑,都是泪,特此记录一下整个过程,本次项目产出效果是,git push的时候自动化直接部署到服务器上,以下是整个大致流程:1、本地代码push到gitlab2、gitlab通过webhook通知到jenkins3、jenkins拉取gitlab仓库代码,并执行shell脚本4、shell脚本执行docker命令,打包项目5、安装nginx,并把打包好的dist目录映射
转载
2023-10-24 13:19:46
120阅读
Docker 部署项目目录Docker 部署项目一、安装docker（Ubuntu）二、docker仓库配置1、设置公有仓库2、设置私有仓库1）搭建私有仓库——私有服务器上2）设置私有仓库三、拉取镜像1、登录仓库2、拉取镜像四、dockerfile编写1、RUN2、COPY3、CMD4、ENV5、ARG6、VOLUME7、EXPOSE8、WORKDIR9、USER10、ONBUILD11、ENTR
转载
2024-06-01 17:23:53
153阅读
目前项目开发方式基本采用前后端分离的方式。前端作为一个独立的项目，一般是使用Webpack方式进行编译打包生成 dist 目录（特指vue项目），再通过Nginx单独进行部署。 为了和基于Docker的部署方式有个对比，我们先来说下服务器部署方式服务器部署方式一般来说，常规的部署方式的流程基本如下：服务器环境配置及安装 nginx将项目dist目录上传到服务器的指定位置修改 nginx安装目录/c
转载
2023-08-18 14:01:55
335阅读
Docker 作为一种新兴的虚拟化方式，跟传统的虚拟化方式相比具有众多优势。《Docker 与前端》系列文章，旨在记录如何通过 docker 构建一个相对完备的前端自动化开发环境。
Docker 是一个开源的容器引擎，可以方便的对容器进行管理。作为一种新兴的虚拟化方式，跟传统的虚拟化方式相比具有众多优势。《Docker 遇见前端》系列文章，旨在记录如何通
转载
2024-06-11 17:57:33
31阅读
开发环境的搭建，是新人入职后的第一道槛，有时一个小小的问题就能阻塞半天。如果能提供一个工具在短时间内搞定开发环境，势必提高新人对团队的印象分！docker就是这样一个工具。镜像&容器docker有个重要的概念叫镜像，官方概念比较拗口，这么解释比较容易理解：docker仓库有很多镜像，包括node、nginx、redis等等，一个镜像一般解决一个问题，镜像没有状态，而且永远不会改变。容器，是
转载
2023-07-18 17:19:25
128阅读
本次我们说说Linux环境下通过Docker+Nginx打包部署一个Vue前端项目先介绍以下部署思路： 1.vue项目打包，我们需要准备相应的部署文件及nginx配置文件， 2.执行部署文件生成镜像； 3.运行镜像并对外映射端口。接下来需要准备一些Docker部署相关文件，这里是重点 如图：下面是具体的介绍 一 . 先从Dockerfile文件说起，内容如下：//生成镜像所需的nginx基础镜像
转载
2023-09-21 06:51:50
236阅读
Jenkins作为目前持续集成中使用较为广泛的工具，在实际生产过程中通过结合众多的插件，从而实现工程的持续构建、持续部署。而传统构建的应用场景大多数运行在虚拟机或者独立的服务器上，在资源开销和管理维护较为复杂。相比于独立的服务器/虚拟机而言，容器不仅部署方便，且占用资源较少。Docker作为目前作为业内最火的一个容器解决方案之一，通过将两者结合，从而实现服务的轻量化，并通过Docker管理Jenk
转载
2023-09-15 14:52:44
127阅读
