admin 管理员组

文章数量: 1103785

【Docker项目实战】使用Docker部署Easy Countdown计时器

一、Easy countdown介绍

1.1 Easy countdown简介

  • Easy countdown简介

Easy countdown是一个易于设置的倒计时页面。可以设置为倒计时或计时器。

1.2 Easy countdown使用场景

Easy Countdown作为一个灵活且易于设置的倒计时页面,其应用场景广泛多样,适用于个人生活、工作管理、教育、活动策划等多个领域。

  1. 考试倒计时:学生可以设置考试日期作为倒计时目标,帮助自己合理安排复习计划,增加紧迫感和学习动力。
  2. 项目截止日期提醒:团队工作中,项目经理可以设置项目交付的最终期限作为倒计时,确保团队成员对时间进度有清晰的认识,促进高效协作。
  3. 婚礼或重要活动准备:活动策划者或即将举办婚礼的新人可以利用Easy Countdown来倒数距离大日子还有多少天,同时也可以作为活动网页的一部分,与参与者分享,增加期待感。
  4. 新年倒计时:在节日或特殊庆典(如新年、圣诞节)前,网站或社交媒体平台可以用它创建一个公共倒计时页面,营造节日氛围,与用户互动。
  5. 健身挑战或习惯养成:个人健康与健身领域,可以设定如“连续跑步30天”、“无糖饮食挑战100天”的计时器,激励自己坚持下去,记录进步。
  6. 在线课程或讲座开始前:教育机构可以为即将开始的在线课程或直播讲座设置倒计时,提醒学员准时参加,提高参与度。
  7. 产品发布倒计时:企业可以在官方网站上设置新产品发布会的倒计时,制造悬念,吸引潜在客户的关注,并在倒计时结束时自动跳转至产品页面或直播链接。
  8. 生日或纪念日庆祝:个人用户可以为自己或亲友的生日、结婚纪念日等特别日子设置倒计时,作为一种温馨的提醒方式,提前准备庆祝活动。

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境,操作系统版本为centos7.6。

hostname

IP地址

操作系统版本

Docker版本

jeven

192.168.3.166

centos 7.6

20.10.17

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境,生产环境请谨慎;

2.使用Docker部署easy-countdown计时器。

三、本地环境检查

3.1 检查Docker服务状态

检查Docker服务是否正常运行,确保Docker正常运行。

代码语言:bash复制
[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
   Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
   Active: active (running) since Sun 2024-05-12 08:34:14 CST; 1 day 14h ago
     Docs: 
 Main PID: 11565 (dockerd)
    Tasks: 53
   Memory: 1.5G
   CGroup: /system.slice/docker.service

3.2 检查Docker版本

检查Docker版本

代码语言:bash复制
[root@jeven ~]# docker -v
Docker version 20.10.17, build 100c701

3.3 检查docker compose 版本

检查Docker compose版本,确保2.0以上版本。

代码语言:bash复制
[root@jeven ~]# docker compose version
Docker Compose version v2.6.0

四、下载easy-countdown镜像

拉取easy-countdown镜像yooooomi/easy-countdown,版本为latest

代码语言:bash复制
[root@jeven ~]# docker pull yooooomi/easy-countdown
Using default tag: latest
latest: Pulling from yooooomi/easy-countdown
aad63a933944: Pull complete
a00bd932208e: Pull complete
c57f2c59b937: Pull complete
f3446470f297: Pull complete
c6d9954ef361: Pull complete
6b69542728d7: Pull complete
94ea50a7165f: Pull complete
2c38e7cb8957: Pull complete
f524899b474a: Pull complete
96e02b3cd18a: Pull complete
6a9b3dcb5d3d: Pull complete
6bde6326f348: Pull complete
Digest: sha256:8ecce787b83a79a91ab814ace51c37a4d55d524398db13c72fb899e3f8cc5287
Status: Downloaded newer image for yooooomi/easy-countdown:latest
docker.io/yooooomi/easy-countdown:latest

五、部署Easy Countdown应用

5.1 使用docker-cli方式部署

使用docker-cli方式部署,可参考如下命令,本次实践使用docker compose方式部署。

代码语言:bash复制
docker run -d   \
--name easy-countdown  \
-e TIMER_BACKGROUND=".jpg"   \
-e TIMER_TARGET="Sun Oct 06 2024 09:00:00 GMT+0800"    \
-e TIMER_TITLE="考试倒计时"   \
-p 5660:3000   \
yooooomi/easy-countdown

其中目标日期可以使用以下命令得到。

代码语言:bash复制
[root@jeven ~]# date --date="2024-10-06 09:00:00" +"%a %b %d %Y %H:%M:%S GMT%z"
Sun Oct 06 2024 09:00:00 GMT+0800
  • 变量解释

变量名

定义

示例

TIMER_BACKGROUND

用作背景的图片URL

/

TIMER_TARGET

倒计时的目标日期,若日期在未来则倒计时递减,否则递增

Fri Oct 01 2021 15:33:36 GMT+0200

TIMER_TITLE

倒计时的标题,可以为空

我的标题!

5.2 编辑docker-compose.yaml文件

使用docker compose运行SurveyKing容器,壁纸网站和目标时间可以参考5.1步骤。

代码语言:yaml复制
version: '3.9'
services:
  easy-countdown:
    container_name: easy-countdown
    image: yooooomi/easy-countdown
    ports:
      - 5660:3000
    environment:
      - TIMER_BACKGROUND=.jpg
      - TIMER_TARGET=Sun Oct 06 2024 09:00:00 GMT+0800
      - TIMER_TITLE=考试倒计时

5.3 创建easy-countdown容器

创建部署目录

代码语言:bash复制
 mkdir -p /data/easy-countdown   && cd /data/easy-countdown

本次实践使用docker-compose.yaml文件创建easy-countdown容器

代码语言:bash复制
[root@jeven easy-countdown]# docker compose up -d
[+] Running 2/2
 ⠿ Network easy-countdown_default  Created                                                                                          0.0s
 ⠿ Container easy-countdown        Started                                                                                          0.8s

5.4 检查easy-countdown容器状态

检查easy-countdown容器状态,确保easy-countdown容器正常启动。

代码语言:bash复制
[root@jeven easy-countdown]# docker compose ps
NAME                COMMAND                  SERVICE             STATUS              PORTS
easy-countdown      "docker-entrypoint.s…"   easy-countdown      running             0.0.0.0:5660->3000/tcp, :::5660->3000/tcp

5.5 检查easy-countdown容器日志

检查easy-countdown容器运行日志

代码语言:bash复制
[root@jeven easy-countdown]# docker compose logs
easy-countdown  | UPDATE AVAILABLE The latest version of `serve` is 14.2.3
easy-countdown  | INFO: Accepting connections at :3000

六、访问署Easy Countdown首页

访问地址:http://192.168.3.166:5660,将IP替换为自己服务器IP地址,进入到Easy Countdown初始页。如果无法访问,则检查服务器防火墙是否设置,云服务器的安全组端口是否放行等。

在这里插入图片描述

七、总结

Easy Countdown以其简洁的部署流程和即时可用性,在提升日常学习及工作效率方面展现出显著优势。它作为一个即开即用的网页计时器,不仅支持在任何现代浏览器中无缝运行,还允许用户个性化定制背景壁纸,结合审美与实用性,为使用者营造既专注又赏心悦目的环境。尽管功能设计追求极简,但正因其轻便特性,Easy Countdown成为个人本地服务器工具集的理想补充,为技术爱好者和效率追求者提供了一个既实用又不失个性化的选择,轻松融入多元化的工作与学习场景中。

本文标签: Docker项目实战使用Docker部署Easy Countdown计时器