【Docker项目实战】使用Docker部署MusicCard音乐海报生成器一、MusicCard介绍1.1 MusicCard简介1.2 MusicCard特点二、本次实践规划2.1 本地环境规划2.2 本次实践介绍三、本地环境检查3.1 检查Docker服务状态3.2 检查Docker版本3.3 检查docker compose 版本四、拉取MusicCard镜像五、部署MusicCard服务5.1 创建部署目录5.2 编辑部署文件5.3 创建MusicCard容器5.4 查看MusicCard容器状态5.5 查看MusicCard容器日志六、访问MusicCard服务6.1 访问MusicCard初始页6.2 生成音乐卡片七、总结一、MusicCard介绍1.1 MusicCard简介MusicCard是一款基于 Next.js 开发的在线工具可帮助用户为喜爱的网易云音乐制作精美的可视化海报。1.2 MusicCard特点 提供多种不同风格的海报主题与布局供选择。 能够解析网易云音乐的链接便捷获取音乐相关信息。 采用响应式设计在移动端也能良好使用。 允许用户对海报的样式和颜色进行个性化自定义。 支持在海报中展示音乐的歌词内容。 具备导出高清图片的功能方便保存和分享。二、本次实践规划2.1 本地环境规划本次实践为个人测试环境操作系统版本为 Ubuntu 24.04.2 LTS。hostnameIP地址操作系统版本Docker版本部署项目jeven01192.168.3.88Ubuntu 24.04.2 LTS28.3.3MusicCard2.2 本次实践介绍1.本次实践部署环境为个人测试环境生产环境请谨慎2.在Docker环境下部署MusicCard音乐海报生成器。三、本地环境检查3.1 检查Docker服务状态检查Docker服务是否正常运行确保Docker正常运行。rootjeven:~# systemctl status docker● docker.service - Docker Application Container Engine Loaded: loaded(/usr/lib/systemd/system/docker.service;enabled;preset: enabled)Active: active(running)since Mon2025-08-0410:10:52 UTC;30min ago TriggeredBy: ● docker.socket Docs: https://docs.docker.com Main PID:860(dockerd)Tasks:10Memory:97.2M(peak:98.4M)CPU: 606ms CGroup: /system.slice/docker.service3.2 检查Docker版本检查Docker版本rootjeven:~# docker -vDocker version28.3.3, build 980b8563.3 检查docker compose 版本检查Docker compose版本确保2.0以上版本。rootjeven:~# docker -vDocker version28.3.3, build 980b856四、拉取MusicCard镜像执行以下命令拉取MusicCard容器镜像dockerpull registry.cn-hangzhou.aliyuncs.com/jeson/musiccard五、部署MusicCard服务5.1 创建部署目录创建部署目录mkdir-p/data/musiccardcd/data/musiccard5.2 编辑部署文件使用docker-cli方式部署命令参考如下dockerrun-d\--restartalways\--namemusiccard\-p9500:3000\registry.cn-hangzhou.aliyuncs.com/jeson/musiccard在部署目录下创建docker-compose.yaml文件内容如下所示vimdocker-compose.yamlversion:3.9services:jeson:image:registry.cn-hangzhou.aliyuncs.com/jeson/musiccardports:-9500:3000container_name:musiccardrestart:always5.3 创建MusicCard容器执行以下命令创建MusicCard容器。dockercompose up-d5.4 查看MusicCard容器状态检查MusicCard容器运行状态确保MusicCard容器正常启动。rootjeven:/data/musiccard# docker compose psWARN[0000]/data/musiccard/docker-compose.yaml: the attributeversionis obsolete, it will be ignored, please remove it to avoid potentialconfusion NAME IMAGE COMMAND SERVICE CREATED STATUS PORTS musiccard registry.cn-hangzhou.aliyuncs.com/jeson/musiccarddocker-entrypoint.s…jeson8minutes ago Up8minutes0.0.0.0:9500-3000/tcp,[::]:9500-3000/tcp5.5 查看MusicCard容器日志检查MusicCard容器运行日志确保MusicCard服务正常运行。dockercompose logs六、访问MusicCard服务6.1 访问MusicCard初始页浏览器地址http://个人的服务器IP:9500访问MusicCard的初始页。如果无法访问请确保宿主机的防火墙已关闭或已放行相关端口对于云服务器还需配置相应的安全组规则。6.2 生成音乐卡片登录网易云音乐后选择好歌曲获得音乐链接。在MusicCard上填写歌曲链接和选择模版后点击“开始创建”即可生成对应的音乐卡片。七、总结通过本次Docker项目实战我们成功在本地环境中部署了MusicCard音乐海报生成器整个过程涵盖了环境准备、镜像拉取、容器化部署及服务验证。MusicCard凭借其简洁的界面和高效的海报生成功能为分享音乐品味提供了极具创意的方式。借助Docker的容器化技术应用的部署更加便捷、环境隔离性更强便于后续维护与扩展。此次实践不仅加深了对Docker编排流程的理解也为部署类似Web应用提供了可复用的经验。 
长河君 · 2026/10/9 1:26:01 · 阅读 1.2k 使用Docker部署 MusicCard：搭建自己的音乐海报生成器
【Docker项目实战】使用Docker部署MusicCard音乐海报生成器一、MusicCard介绍1.1 MusicCard简介1.2 MusicCard特点二、本次实践规划2.1 本地环境规划2.2 本次实践介绍三、本地环境检查3.1 检查Docker服务状态3.2 检查Docker版本3.3 检查docker compose 版本四、拉取MusicCard镜像五、部署MusicCard服务5.1 创建部署目录5.2 编辑部署文件5.3 创建MusicCard容器5.4 查看MusicCard容器状态5.5 查看MusicCard容器日志六、访问MusicCard服务6.1 访问MusicCard初始页6.2 生成音乐卡片七、总结一、MusicCard介绍1.1 MusicCard简介MusicCard是一款基于 Next.js 开发的在线工具可帮助用户为喜爱的网易云音乐制作精美的可视化海报。1.2 MusicCard特点 提供多种不同风格的海报主题与布局供选择。 能够解析网易云音乐的链接便捷获取音乐相关信息。 采用响应式设计在移动端也能良好使用。 允许用户对海报的样式和颜色进行个性化自定义。 支持在海报中展示音乐的歌词内容。 具备导出高清图片的功能方便保存和分享。二、本次实践规划2.1 本地环境规划本次实践为个人测试环境操作系统版本为 Ubuntu 24.04.2 LTS。hostnameIP地址操作系统版本Docker版本部署项目jeven01192.168.3.88Ubuntu 24.04.2 LTS28.3.3MusicCard2.2 本次实践介绍1.本次实践部署环境为个人测试环境生产环境请谨慎2.在Docker环境下部署MusicCard音乐海报生成器。三、本地环境检查3.1 检查Docker服务状态检查Docker服务是否正常运行确保Docker正常运行。rootjeven:~# systemctl status docker● docker.service - Docker Application Container Engine Loaded: loaded(/usr/lib/systemd/system/docker.service;enabled;preset: enabled)Active: active(running)since Mon2025-08-0410:10:52 UTC;30min ago TriggeredBy: ● docker.socket Docs: https://docs.docker.com Main PID:860(dockerd)Tasks:10Memory:97.2M(peak:98.4M)CPU: 606ms CGroup: /system.slice/docker.service3.2 检查Docker版本检查Docker版本rootjeven:~# docker -vDocker version28.3.3, build 980b8563.3 检查docker compose 版本检查Docker compose版本确保2.0以上版本。rootjeven:~# docker -vDocker version28.3.3, build 980b856四、拉取MusicCard镜像执行以下命令拉取MusicCard容器镜像dockerpull registry.cn-hangzhou.aliyuncs.com/jeson/musiccard五、部署MusicCard服务5.1 创建部署目录创建部署目录mkdir-p/data/musiccardcd/data/musiccard5.2 编辑部署文件使用docker-cli方式部署命令参考如下dockerrun-d\--restartalways\--namemusiccard\-p9500:3000\registry.cn-hangzhou.aliyuncs.com/jeson/musiccard在部署目录下创建docker-compose.yaml文件内容如下所示vimdocker-compose.yamlversion:3.9services:jeson:image:registry.cn-hangzhou.aliyuncs.com/jeson/musiccardports:-9500:3000container_name:musiccardrestart:always5.3 创建MusicCard容器执行以下命令创建MusicCard容器。dockercompose up-d5.4 查看MusicCard容器状态检查MusicCard容器运行状态确保MusicCard容器正常启动。rootjeven:/data/musiccard# docker compose psWARN[0000]/data/musiccard/docker-compose.yaml: the attributeversionis obsolete, it will be ignored, please remove it to avoid potentialconfusion NAME IMAGE COMMAND SERVICE CREATED STATUS PORTS musiccard registry.cn-hangzhou.aliyuncs.com/jeson/musiccarddocker-entrypoint.s…jeson8minutes ago Up8minutes0.0.0.0:9500-3000/tcp,[::]:9500-3000/tcp5.5 查看MusicCard容器日志检查MusicCard容器运行日志确保MusicCard服务正常运行。dockercompose logs六、访问MusicCard服务6.1 访问MusicCard初始页浏览器地址http://个人的服务器IP:9500访问MusicCard的初始页。如果无法访问请确保宿主机的防火墙已关闭或已放行相关端口对于云服务器还需配置相应的安全组规则。6.2 生成音乐卡片登录网易云音乐后选择好歌曲获得音乐链接。在MusicCard上填写歌曲链接和选择模版后点击“开始创建”即可生成对应的音乐卡片。七、总结通过本次Docker项目实战我们成功在本地环境中部署了MusicCard音乐海报生成器整个过程涵盖了环境准备、镜像拉取、容器化部署及服务验证。MusicCard凭借其简洁的界面和高效的海报生成功能为分享音乐品味提供了极具创意的方式。借助Docker的容器化技术应用的部署更加便捷、环境隔离性更强便于后续维护与扩展。此次实践不仅加深了对Docker编排流程的理解也为部署类似Web应用提供了可复用的经验。