docker部署Calcium網(wǎng)頁(yè)計(jì)算器教程

  • 1.1 Calcium簡(jiǎn)介
  • 1.2 Calcium功能
  • 1.3 Calcium使用場(chǎng)景
  • 2.1 本地環(huán)境規(guī)劃
  • 2.2 本次實(shí)踐介紹
  • 3.1 檢查Docker服務(wù)狀態(tài)
  • 3.2 檢查Docker版本
  • 3.3 檢查docker compose 版本
  • 5.1 使用docker-cli創(chuàng)建Calcium容器
  • 5.2 編輯docker-compose.yaml文件
  • 5.3 運(yùn)行Calcium容器
  • 5.4 檢查Calcium容器狀態(tài)
  • 5.5 檢查Calcium容器日志

一、Calcium介紹

1.1 Calcium簡(jiǎn)介

  • Calcium簡(jiǎn)介

Calcium 是一款基于網(wǎng)絡(luò)的應(yīng)用程序，使用 React 和 TypeScript 構(gòu)建而成。它主要功能是一款高級(jí)在線計(jì)算器，能夠執(zhí)行復(fù)雜的數(shù)學(xué)運(yùn)算并具備一系列實(shí)用的功能。

1.2 Calcium功能

  • 基本計(jì)算：支持加減乘除等常規(guī)數(shù)學(xué)運(yùn)算。
  • 西格瑪、積分與乘積計(jì)算：能夠處理求和、積分及乘積等高等數(shù)學(xué)問(wèn)題。
  • 變量創(chuàng)建與存儲(chǔ)：允許用戶定義并保存變量，以便在計(jì)算過(guò)程中重復(fù)使用。
  • 函數(shù)圖像繪制：能夠繪制單變量函數(shù)的圖像，幫助用戶直觀理解函數(shù)的變化趨勢(shì)。
  • 基數(shù)轉(zhuǎn)換：支持不同進(jìn)制（如二進(jìn)制、十進(jìn)制、十六進(jìn)制）之間的數(shù)值轉(zhuǎn)換。
  • 單位換算：能夠進(jìn)行長(zhǎng)度、重量、體積等多種物理量單位之間的換算。
  • 關(guān)系計(jì)算：可解決涉及數(shù)學(xué)關(guān)系表達(dá)式的復(fù)雜計(jì)算問(wèn)題。

1.3 Calcium使用場(chǎng)景

  • 學(xué)生和教育機(jī)構(gòu)可以在課堂上使用Calcium來(lái)進(jìn)行數(shù)學(xué)計(jì)算和表達(dá)式求解。它可以幫助學(xué)生更好地理解數(shù)學(xué)問(wèn)題，并提供實(shí)時(shí)反饋和結(jié)果展示。
  • 金融專業(yè)人員可以使用Calcium來(lái)進(jìn)行復(fù)雜的金融計(jì)算，如貸款計(jì)算、投資回報(bào)率計(jì)算等。它可以幫助他們更快速、準(zhǔn)確地做出決策。
  • 軟件開(kāi)發(fā)人員可以使用Calcium來(lái)進(jìn)行代碼計(jì)算，如表達(dá)式求值、單位轉(zhuǎn)換、字符串操作等。它可以提供一個(gè)便捷的工具，幫助開(kāi)發(fā)人員提高效率和準(zhǔn)確性。
  • 普通用戶可以使用Calcium來(lái)進(jìn)行日常生活中的計(jì)算，如計(jì)算器、貨幣兌換、單位轉(zhuǎn)換等。它可以方便用戶進(jìn)行各種計(jì)算，避免了手動(dòng)計(jì)算和查找公式的麻煩。

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

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

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

Docker部署Calcium網(wǎng)頁(yè)計(jì)算器教程

2.2 本次實(shí)踐介紹

1.本次實(shí)踐部署環(huán)境為個(gè)人測(cè)試環(huán)境，生產(chǎn)環(huán)境請(qǐng)謹(jǐn)慎； 2.在Docker環(huán)境下部署Calcium網(wǎng)頁(yè)計(jì)算器。

三、本地環(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 Tue 2024-02-06 14:02:53 CST; 1 day 23h ago Main PID: 11739 (dockerd) Tasks: 22 Memory: 163.9M CGroup: /system.slice/docker.service

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

四、下載Calcium鏡像

從docker hub拉取Calcium鏡像

[root@jeven ~]# docker pull noahhrreion/calcium:main main: Pulling from noahhrreion/calcium 7264a8db6415: Pull complete eee371b9ce3f: Pull complete 93b3025fe103: Pull complete d9059661ce70: Pull complete 42d0ff6ac329: Pull complete 4f4fb700ef54: Pull complete f4428fea9d01: Pull complete Digest: sha256:e3aca3d3893294defaf172b56229305b07326667cb0bd8d61d8fce6ca9d33881 Status: Downloaded newer image for noahhrreion/calcium:main docker.io/noahhrreion/calcium:main

五、部署Calcium

5.1 使用docker-cli創(chuàng)建Calcium容器

使用docker-cli快速部署Calcium容器

docker run -d --name calcium --restart always -p 3000:3000 noahhrreion/calcium:main

5.2 編輯docker-compose.yaml文件

創(chuàng)建部署目錄

mkdir -p /data/calcium && cd /data/calcium/

本次實(shí)踐使用docker compose方式運(yùn)行Calcium容器，編輯docker-compose.yaml文件內(nèi)容如下：

version: '3.8' services: calcium: container_name: calcium image: noahhrreion/calcium:main ports: - 6980:3000 restart: always

5.3 運(yùn)行Calcium容器

  • 使用docker-compose.yaml文件創(chuàng)建Calcium容器

[root@jeven calcium]# docker compose up -d [+] Running 2/2 ? Network calcium_default Created 0.1s ? Container calcium Started 0.8s

5.4 檢查Calcium容器狀態(tài)

檢查Calcium容器狀態(tài)，確Calcium容器正常啟動(dòng)。

[root@jeven calcium]# docker compose ps NAME COMMAND SERVICE STATUS PORTS calcium "/bin/sh -c 'npm run…" calcium running 0.0.0.0:6980->3000/tcp, :::6980->3000/tcp

5.5 檢查Calcium容器日志

檢查Calcium容器運(yùn)行日志，確保Calcium服務(wù)正常運(yùn)行。

[root@jeven calcium]# docker compose logs calcium | calcium | > calcium@1.4.0 start calcium | > node scripts/start.js calcium | calcium | Starting the development server... calcium | calcium | Compiled successfully! calcium | calcium | You can now view calcium in the browser. calcium | calcium | Local: http://localhost:3000 calcium | On Your Network: http://172.28.0.2:3000 calcium | calcium | Note that the development build is not optimized. calcium | To create a production build, use npm run build. calcium | calcium | webpack compiled successfully calcium | No issues found. calcium | Compiling... calcium | Compiled successfully! calcium | webpack compiled successfully calcium | No issues found. Docker部署Calcium網(wǎng)頁(yè)計(jì)算器教程

六、訪問(wèn)Calcium首頁(yè)

訪問(wèn)地址：http://192.168.3.166:6980/，將IP替換為自己服務(wù)器IP地址，進(jìn)入到Calcium首頁(yè)。如果無(wú)法訪問(wèn)，則檢查服務(wù)器防火墻是否設(shè)置，云服務(wù)器的安全組端口是否放行等。

Docker部署Calcium網(wǎng)頁(yè)計(jì)算器教程

  • 二進(jìn)制計(jì)算

Docker部署Calcium網(wǎng)頁(yè)計(jì)算器教程

  • 畫(huà)出函數(shù)圖像

Docker部署Calcium網(wǎng)頁(yè)計(jì)算器教程

  • 輩分計(jì)算

Docker部署Calcium網(wǎng)頁(yè)計(jì)算器教程

七、總結(jié)

Calcium工具的界面簡(jiǎn)潔明了，所有的計(jì)算按鈕都一目了然，用戶可以很方便地點(diǎn)擊按鈕進(jìn)行計(jì)算。界面的布局也很合理，以及顏色搭配也很舒適，給人一種清爽的感覺(jué)。如果需要擴(kuò)展本地個(gè)人工具庫(kù)，可以將其添加，提高工作效率。

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

,

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