docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！

  • 1.1 our-shopping-list簡介
  • 1.2our-shopping-list特點(diǎn)
  • 1.3 our-shopping-list使用場景
  • 2.1 本地環(huán)境規(guī)劃
  • 2.2 本次實(shí)踐介紹
  • 3.1 檢查Docker服務(wù)狀態(tài)
  • 3.2 檢查Docker版本
  • 3.3 檢查docker compose 版本
  • 5.1 創(chuàng)建部署目錄
  • 5.2 編輯docker-compose.yaml文件
  • 5.3 創(chuàng)建our-shopping-list容器
  • 5.4 查看our-shopping-list容器狀態(tài)
  • 6.1 進(jìn)入our-shopping-list首頁
  • 6.2 創(chuàng)建清單
  • 6.3 確認(rèn)項(xiàng)目

一、our-shopping-list介紹

1.1 our-shopping-list簡介

OSL （Our Shopping List）是一個簡單的共享列表應(yīng)用程序。典型用途當(dāng)然包括購物清單，以及任何其他需要 協(xié)作使用的小型待辦事項(xiàng)列表。

1.2our-shopping-list特點(diǎn)

  • 多個板（可以禁用）
  • 每個板有多個列表
  • 用戶之間實(shí)時同步
  • 具有以下字段的項(xiàng)目：名稱、數(shù)量、詳細(xì)信息
  • 可檢查項(xiàng)目
  • 2種項(xiàng)目顯示模式（僅未勾選/僅勾選，按勾選時間排序）
  • 直觀的搜索
  • 具有可滑動項(xiàng)目的移動優(yōu)先 UI
  • PWA基礎(chǔ)支持

1.3 our-shopping-list使用場景

  • 購物清單：多個人共同編輯購物清單，可以隨時添加或刪除物品，方便家庭成員或室友協(xié)作購物。
  • 家庭待辦事項(xiàng)：家庭成員可以共享待辦事項(xiàng)列表，例如家庭保養(yǎng)、家務(wù)分工、維修計劃等，提高家庭協(xié)作效率。
  • 團(tuán)隊(duì)工作：團(tuán)隊(duì)成員可以共享任務(wù)清單，用于項(xiàng)目管理、任務(wù)分配和進(jìn)度跟蹤等，提高團(tuán)隊(duì)合作效率。
  • 旅行計劃：多人共同編輯旅行清單，可以記錄行程安排、行李清單、景點(diǎn)推薦等，方便旅行中的協(xié)作和溝通。
  • 社區(qū)活動：社區(qū)居民可以使用該應(yīng)用程序共享社區(qū)活動的待辦事項(xiàng)，例如活動籌備、志愿者報名等，方便組織和協(xié)作。
  • 學(xué)習(xí)計劃：學(xué)生或教師可以使用該應(yīng)用程序共享學(xué)習(xí)或教學(xué)計劃的待辦事項(xiàng)，例如作業(yè)安排、課程目錄等，方便學(xué)習(xí)和教學(xué)管理。

二、本地環(huán)境介紹

2.1 本地環(huán)境規(guī)劃

本次實(shí)踐為個人測試環(huán)境，操作系統(tǒng)版本為centos7.6。

Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！

2.2 本次實(shí)踐介紹

1.本次實(shí)踐部署環(huán)境為個人測試環(huán)境，生產(chǎn)環(huán)境請謹(jǐn)慎；

2.在Docker環(huán)境下部署our-shopping-list共享列表應(yīng)用程序。

三、本地環(huán)境檢查

3.1 檢查Docker服務(wù)狀態(tài)

檢查Docker服務(wù)是否正常運(yùn)行，確保Docker正常運(yùn)行。

[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 Fri 2024-03-01 00:18:43 CST; 52s ago Main PID: 11826 (dockerd) Tasks: 28 Memory: 155.4M CGroup: /system.slice/docker.service ├─11826 /usr/bin/dockerd -H fd:// --containerd=/run/containerd/containerd.sock

3.2 檢查Docker版本

檢查Docker版本

[root@jeven ~]# docker -v Docker version 20.10.17, build 100c701

3.3 檢查docker compose 版本

檢查Docker compose版本，確保2.0以上版本。

[root@jeven ~]# docker compose version Docker Compose version v2.6.0

四、下載our-shopping-list鏡像

在docker hub拉取our-shopping-list鏡像

docker pull nanawel/our-shopping-list Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！在這里插入圖片描述

在這里插入圖片描述

五、部署our-shopping-list應(yīng)用

5.1 創(chuàng)建部署目錄

創(chuàng)建部署目錄/data/docker

mkdir -p /data/docker/osl && cd /data/docker

5.2 編輯docker-compose.yaml文件

本次實(shí)踐部署使用docker compose方式，編輯的docker-compose.yaml文件。

version: '3.2' services: app: image: nanawel/our-shopping-list container_name: osl # command: '${NODE_BIN:-node} index.js' ports: - '6680:8080' # volumes: # - ./server:/app # - ./client:/app/client environment: LISTEN_PORT: 8080 MONGODB_HOST: mongodb MONGODB_PORT: 27017 MONGODB_DB: osl depends_on: - mongodb mongodb: image: mongo:4 ports: - '27017:27017' volumes: - dbdata:/data/db volumes: dbdata: ~

5.3 創(chuàng)建our-shopping-list容器

創(chuàng)建our-shopping-list容器

[root@jeven docker]# docker compose up -d [+] Running 3/3 ? Network docker_default Created 0.0s ? Container docker-mongodb-1 Started 1.1s ? Container osl Started 3.5s Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！

5.4 查看our-shopping-list容器狀態(tài)

檢查our-shopping-list容器狀態(tài)，確保our-shopping-list容器正常啟動。

[root@jeven docker]# docker compose ps NAME COMMAND SERVICE STATUS PORTS docker-mongodb-1 "docker-entrypoint.s…" mongodb running 0.0.0.0:27017->27017/tcp, :::27017->27017/tcp osl "docker-entrypoint.s…" app running (starting) 0.0.0.0:6680->8080/tcp, :::6680->8080/tcp

六、訪問our-shopping-list首頁

6.1 進(jìn)入our-shopping-list首頁

訪問地址：http://192.168.3.166:6600，將IP替換為自己服務(wù)器IP地址，進(jìn)入進(jìn)入our-shopping-list初始頁，自定義注冊賬號和密碼。如果無法訪問，則檢查服務(wù)器防火墻是否設(shè)置，云服務(wù)器的安全組端口是否放行等。

Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！

點(diǎn)擊的面板，進(jìn)入our-shopping-list首頁。

6.2 創(chuàng)建清單

點(diǎn)擊“創(chuàng)建一個清單”選項(xiàng)，開始創(chuàng)建購物清單。

Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！

創(chuàng)建列表名后，點(diǎn)擊“創(chuàng)建”后，進(jìn)行下一步操作。

Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！

點(diǎn)擊創(chuàng)建“新的項(xiàng)目，編輯項(xiàng)目內(nèi)容。自定義填寫即可。

Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！在這里插入圖片描述
Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！

6.3 確認(rèn)項(xiàng)目

鼠標(biāo)左鍵選中項(xiàng)目，向右滑動以確認(rèn)勾選項(xiàng)目。

Docker實(shí)戰(zhàn)：輕松部署我們的our-shopping-list購物清單！

七、總結(jié)

our-shopping-list是一個簡單的購物清單工具，它具有清爽簡潔的界面和易于操作的特點(diǎn)。我們可以將其部署在本地，用作日常的簡單任務(wù)管理或購物清單小工具。盡管它功能不多，但對于那些不需要過多功能的用戶來說，是一個不錯的選擇。

作者聲明本文無利益相關(guān)，歡迎值友理性交流，和諧討論～

,

聲明：本站所有文章，如無特殊說明或標(biāo)注，均為本站原創(chuàng)發(fā)布。任何個人或組織，在未征得本站同意時，禁止復(fù)制、盜用、采集、發(fā)布本站內(nèi)容到任何網(wǎng)站、書籍等各類媒體平臺。如若本站內(nèi)容侵犯了原著者的合法權(quán)益，可聯(lián)系我們進(jìn)行處理。