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

更新於 發佈於 閱讀時間約 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
奧莉薇走在成為後端工程師之路上
20會員
145內容數
全端網頁開發專業知識分享
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
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
家中修繕或裝潢想要找各種小零件時,直接上網採買可以省去不少煩惱~看看Sylvia這回為了工地買了些什麼吧~
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
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 佈署流程 首先看到如下圖上半部,在我們一個完整的佈署流程,我們會先將我
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News