第三方金流串接 – 開發環境

更新於 發佈於 閱讀時間約 6 分鐘

※ 開發架構:

raw-image


  • Client -> Frontend (Render)這部分是用戶端,負責呈現前端界面。
  • Backend TS(JS) Node server (Web Service -> main port):這是後端服務,使用 TypeScript(JavaScript)和 Node.js 技術,提供主要的網絡服務。
  • Database -> xue-mi:這是數據庫部分,負責存儲和管理數據。

※ 必備開發環境:

  1. Node.Js環境。
$ node -v//確認安裝版本
raw-image

2. Npm或yarn套件管理工具。

npm --version//確認安裝版本
raw-image


  1. Docker倉庫套件:
  • 可以快速建立MySQL的資料庫。
  • Docker 使用容器技術來創建隔離的運行環境,而這些容器傳統的虛擬機(VM)要輕量得多。
raw-image


下載 Docker Desktop:Docker Desktop for Windows

raw-image

※ Docker快速建立MySQL資料庫,使用步驟:

準備Docker檔案創建一個名為 docker-compose.yml 的檔案。

  1. 打開終端(如 Command Prompt 或 PowerShell)。
  2. 導航到你想創建檔案的目錄:
cd 路徑到你的目錄
  1. 使用 touch 指令來創建一個空的 docker-compose.yml 檔案:
touch docker-compose.yml
  1. 在終端中打開文件(例如使用 VSCode):
code docker-compose.yml
  1. 加入內容
raw-image


version: "3.6"

services:
mysql:
image: mysql:5.7
container_name: mysql
platform: linux/x86_64
ports:
- "3306:3306"
volumes:
- mysql-data-volumes:/var/lib/mysql//儲存位置
- ./mysqld.cnf:/etc/mysql/mysql.conf.d/mysqld.cnf//mysql的config
restart: always
environment:
MYSQL_USER: xuemi
MYSQL_PASSWORD: xuemi_example
MYSQL_ROOT_PASSWORD: xuemi_example

volumes:
mysql-data-volumes:
  1. 保存並關閉:完成後保存檔案並關閉文本編輯器。
  2. 建立mysqld.cnf 檔案
raw-image


raw-image
[mysqld]

pid-file = /var/run/mysqld/mysqld.pid
socket = /var/run/mysqld/mysqld.sock
datadir = /var/lib/mysql
log-error = /var/log/mysql/error.log
#bind-address = 127.0.0.1
symbolic-links=0
secure-file-priv = ""
  1. 建立Docker容器:

Docker Desktop 必須開啟並運行,才能使 Docker 容器正常運行並連接到容器內的服務。

raw-image

刪除現有容器: 每次運行 docker-compose up -d 之前,先運行以下命令來確保刪除現有的同名容器:

docker-compose down

在同一個目錄下,執行以下命令來創建Docker容器:

docker-compose up -d
raw-image
  1. 檢查MySQL容器:確認容器已正常運行,並且可以連接到MySQL:
docker ps
raw-image


※ MySQL Workbench 連接和管理 Docker 容器中的 MySQL 資料庫,使用步驟:

  1. 打開 MySQL Workbench。
  2. 建立新連接:
    • 點擊「Database」 > 「Connect to Database」。
  3. 設置連接信息:
    • Hostname:localhost
    • Port:3306(或者你指定的其他端口)
    • Username:root(或你在 docker-compose.yml 中設置的用戶名)
    • Password:點擊「Store in Vault...」來輸入和保存密碼。
  4. 測試連接:點擊「Test Connection」確保連接成功。
  5. 連接成功:連接成功後,你可以開始使用 MySQL Workbench 來管理和操作容器中的 MySQL 資料庫。
raw-image

※ MySQL Workbench 中新建schema – xuemi:

raw-image


留言
avatar-img
留言分享你的想法!
avatar-img
奧莉薇走在成為後端工程師之路上
22會員
159內容數
全端網頁開發專業知識分享
2025/04/26
※ 場景: 即時聊天應用: 設計一個支持多房間功能的即時聊天平台,像 WhatsApp、LINE或Facebook Messenger,提供文字、語音、視訊聊天功能,方便管理群組聊天。 功能亮點:加入特別功能,例如可加入多房間功能、使用者名單、表情符號支持、文件分享或訊息已讀未讀狀態。 展示
2025/04/26
※ 場景: 即時聊天應用: 設計一個支持多房間功能的即時聊天平台,像 WhatsApp、LINE或Facebook Messenger,提供文字、語音、視訊聊天功能,方便管理群組聊天。 功能亮點:加入特別功能,例如可加入多房間功能、使用者名單、表情符號支持、文件分享或訊息已讀未讀狀態。 展示
2025/04/26
※ 先建立基本的express後端服務: 1.建立新資料夾:Socket mkdir socket 2.進入資料夾:Socket cd ​bsocket 3. 安裝 Experss 到專案中 npm init -y //初始化專案,建立 package.json 檔 npm insta
Thumbnail
2025/04/26
※ 先建立基本的express後端服務: 1.建立新資料夾:Socket mkdir socket 2.進入資料夾:Socket cd ​bsocket 3. 安裝 Experss 到專案中 npm init -y //初始化專案,建立 package.json 檔 npm insta
Thumbnail
2025/04/10
※ 什麼是 Socket.io:一個基於傳統 WebSocket API 之上的框架。 ※ Socket.io常用功能: Custom Events:在 Socket.io 中,開發者可以創建自己的事件來處理特定的功能或需求。 Rooms:分組的功能。每個連接的用戶(或稱為 socket)可
Thumbnail
2025/04/10
※ 什麼是 Socket.io:一個基於傳統 WebSocket API 之上的框架。 ※ Socket.io常用功能: Custom Events:在 Socket.io 中,開發者可以創建自己的事件來處理特定的功能或需求。 Rooms:分組的功能。每個連接的用戶(或稱為 socket)可
Thumbnail
看更多
你可能也想看
Thumbnail
Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型,使其非常適合用於數據密集型的即時應用程序。簡單來說,Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut
Thumbnail
Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型,使其非常適合用於數據密集型的即時應用程序。簡單來說,Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut
Thumbnail
前言 大家好上次我們教了如何下載 Docker Image 使用,今天我們要教如何產出自己的 Image,這次會使用一個 Dockerfile 範例,自行打包 Docker Image,初步練習使用 Docker 指令 下載 Dockerfile 教學檔案 在這裡我已經幫忙寫好一個 Docke
Thumbnail
前言 大家好上次我們教了如何下載 Docker Image 使用,今天我們要教如何產出自己的 Image,這次會使用一個 Dockerfile 範例,自行打包 Docker Image,初步練習使用 Docker 指令 下載 Dockerfile 教學檔案 在這裡我已經幫忙寫好一個 Docke
Thumbnail
當你安裝完docker,並且設定好所有相關程序後。你正要使用docker去進行操作,讓專案可以在容器哩,方便平台移轉、備份、共用等等等等等;如果你遇到CUDA docker runtime 的問題時,這篇正適合你閱讀。 開始之前,如果你要參考怎麼安裝docker,設定docker環境,請參考:
Thumbnail
當你安裝完docker,並且設定好所有相關程序後。你正要使用docker去進行操作,讓專案可以在容器哩,方便平台移轉、備份、共用等等等等等;如果你遇到CUDA docker runtime 的問題時,這篇正適合你閱讀。 開始之前,如果你要參考怎麼安裝docker,設定docker環境,請參考:
Thumbnail
前言 上次講到 Dockerfile、DockerImage、Docker Container 他們之間的關係,今天我們要來熟悉 Docker Image 如何使用,教你如何抓取雲端上的 Docker Image, Docker Image 下載來源 當我們今天要要使用 Docker Imag
Thumbnail
前言 上次講到 Dockerfile、DockerImage、Docker Container 他們之間的關係,今天我們要來熟悉 Docker Image 如何使用,教你如何抓取雲端上的 Docker Image, Docker Image 下載來源 當我們今天要要使用 Docker Imag
Thumbnail
前言 上次我們初步體驗 Docker 快速佈署能力,今天我們要來講解 Dockerfile、Docker Image 與 Docker Container 這些常見的名詞,我們來了解在我們佈署的時候做哪些事情 Docker 佈署流程 首先看到如下圖上半部,在我們一個完整的佈署流程,我們會先將我
Thumbnail
前言 上次我們初步體驗 Docker 快速佈署能力,今天我們要來講解 Dockerfile、Docker Image 與 Docker Container 這些常見的名詞,我們來了解在我們佈署的時候做哪些事情 Docker 佈署流程 首先看到如下圖上半部,在我們一個完整的佈署流程,我們會先將我
Thumbnail
前言 大家好在先前我們講了什麼是 Docker,Docker 好處有什麼以及怎麼安裝 Docker,今天我們要來開始初體驗 Docker 容器,使用後您會發現 Docker 非常的方便快速 Docker Hub 介紹 首先在開始學怎麼抓取 Docker Image 之前,我們要先來介紹 Doc
Thumbnail
前言 大家好在先前我們講了什麼是 Docker,Docker 好處有什麼以及怎麼安裝 Docker,今天我們要來開始初體驗 Docker 容器,使用後您會發現 Docker 非常的方便快速 Docker Hub 介紹 首先在開始學怎麼抓取 Docker Image 之前,我們要先來介紹 Doc
Thumbnail
前言 上次我們講到 Docker 的功用與好處,今天我們要在講解,如何安裝 Docker 這個容器,讓我們在之後的教學應用更好的實作與練習,現在讓我們開始吧 Docker Engine 與 Docker Desktop 首先在講解怎麼安裝 Docker 時,我們先講解 Docker Engin
Thumbnail
前言 上次我們講到 Docker 的功用與好處,今天我們要在講解,如何安裝 Docker 這個容器,讓我們在之後的教學應用更好的實作與練習,現在讓我們開始吧 Docker Engine 與 Docker Desktop 首先在講解怎麼安裝 Docker 時,我們先講解 Docker Engin
Thumbnail
前言 上次我們針對 Docker 這樣容器化技術做了一點介紹,今天我們要來講解 Docker 架構,你是否發現在每次程式上伺服器的流程很麻煩呢 ? 是否發現你寫的程式在別的作業系統不能用呢 ? 如果你遇到這些問題,Docker 都可以幫助你解決這些問題 Docker 架構 在 Docker 這
Thumbnail
前言 上次我們針對 Docker 這樣容器化技術做了一點介紹,今天我們要來講解 Docker 架構,你是否發現在每次程式上伺服器的流程很麻煩呢 ? 是否發現你寫的程式在別的作業系統不能用呢 ? 如果你遇到這些問題,Docker 都可以幫助你解決這些問題 Docker 架構 在 Docker 這
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News