懒猫微服进阶心得（六）：以纸砚双拼为例，快速移植纯前端项目到懒猫微服
之前移植了一款颜值极高的纸砚双拼，想着纯前端类的软件应该都是一样的操作，所以把操作记录下来，方便以后复习查看，也相当于一个教程吧。
对于这种场景来说，前端项目开发完成后，我们将构建好的静态页面部署到服务器上。借助 Docker 和 Nginx，可以实现一套轻量、快速、可移植的部署方式，特别适合懒猫微服这种容器化的环境，也很适合日常调试测试使用。
下面将手把手教你如何打包一个 Vue 或 React 项目，并通过 Docker + Nginx 构建一个可复用的前端部署容器镜像，然后就可以把这个部署到懒猫微服删，当然也适用于各种 Linux + Docker 环境。
纸砚双拼是 Vue 的项目，所以直接执行这个命令打包
1 | npm i |
打包完成后，项目根目录下会生成一个 dist/ 文件夹，里面包含：
index.html基本所有前端工程化的流程都是部署这个 dist/静态目录。
这几年国内访问 Dockerhub 总有类似的问题，所以很多情况都建议自建 docker 仓库，比如 Habor，Nexus 或者。毕竟 GFW 的花样我们想不到。
云厂商的 ECR。但是对于个人玩家或者爱好者来说这一套实在是太重太难以维护了，可能也就是这个原因，懒猫微服也提供了镜像仓库的和本地仓库的功能。
先说镜像仓库，就是从懒猫微服的服务器上先拉 Docker image，然后再推到自己的 registry。这一步骤通常由出海链路比较好的机器来完成。
懒猫提供了便捷的镜像同步命令：
1 | lzc-cli appstore copy-image cloudsmithy/lazycat-nav |
执行之后就可以看到镜像仓库，registry.lazycat.cloud 这个地址。
懒猫微服进阶心得（九）：商店 App 如何接管 Docker 引擎？
在之前的内容中，我们提到过懒猫微服采用三套独立的 Docker 环境来隔离系统组件、Playground Docker 与商店 App 的 Docker 实例。那么问题来了：如何让商店中上架的 App 操作 Playground 中的 Docker 引擎？
答案是：通过挂载 docker.sock 文件来实现跨容器控制。
所以我们可以在商店的 APP 中操作 playground docker，其实也就是 Docker 面板或者轻量 Docker 面板做的事情。
为什么不操作其他两个 Docker 引擎？
build.yml 中挂载 Playground 路径首先，在打包配置 build.yml 中新增 services 字段，用于将宿主机中的 /data/playground 挂载到容器内部：
懒猫微服进阶心得（八）：如何在 ARM 机器上下载并运行X86镜像以及在X86上运行ARM镜像
之前写好应用做好镜像想扔到懒猫微服上打包，都是先使用 buildx 打包双架构镜像，push 到 dockerhub 上，然后再用微服的 copy image 转成国内的镜像地址，这过程很麻烦。
因为在 Apple Silicon（如 M1/M2 芯片）设备上，默认运行的是 ARM 架构镜像（linux/arm64）。但有些镜像或依赖只支持 X86（linux/amd64）架构。
本文将介绍如何在 ARM 设备上拉取并运行 X86 镜像，以及如何保存和加载镜像。
使用 --platform=amd64 参数即可拉取 X86 架构镜像：
1 | docker pull --platform=amd64 nginx:latest |
docker pull：从远程仓库拉取镜像--platform=amd64：显式指定拉取 x86_64 架构的镜像nginx:latest：镜像名与标签适用于在 M 系列 Mac 上使用 X86 镜像进行兼容性测试或运行仅支持 x86 的应用。