iT邦幫忙

2024 iThome 鐵人賽

DAY 22
0
Modern Web

新手友善園區-如何架設人生第一個網站系列 第 22

Day-22 數據持久化 - 後端的簡單介紹與設置

  • 分享至 

  • xImage
  •  

在網站開發的世界中,前端 (Frontend) 負責與使用者互動的界面,而後端 (Backend) 則是負責處理數據運行邏輯、以及和資料庫進行溝通的部分。今天,我們將簡單介紹後端的概念,並教學如何使用Node.js設置一個基本的伺服器。最後,我們也會解釋伺服器和數據庫之間的關係。

什麼是後端?

後端是網站或應用程式的「幕後工作者」。它負責處理來自前端的請求,執行邏輯,並將結果回傳給前端。舉個例子,當你在網站上提交一個表單時,這些資料會被傳送到後端,後端會處理這些資料(例如將它們保存到資料庫中),然後再將回應發送回前端,讓你看到提交成功的結果。

後端的核心工作包括:

  • 處理請求和回應:管理前端發送的請求(例如 HTTP 請求),並根據需要做出回應。
  • 管理資料庫:與資料庫進行溝通,將資料保存、讀取或更新。
  • 邏輯運算:執行業務邏輯,如驗證使用者登入資料、處理訂單等。

後端常見技術

目前流行的後端技術有許多,但 Node.js 是一個非常受歡迎的選擇。Node.js 是一個基於 JavaScript 的後端運行環境,讓開發者可以使用同樣的語言來處理前後端的邏輯,降低學習門檻。

接下來,我們來看看如何使用 Node.js 設置一個簡單的伺服器。

設置 Node.js 伺服器

  1. 安裝 Node.js
    你可以從Node.js 官方網站下載並安裝最新版的 Node.js。

  2. 初始化專案
    在命令行(Terminal 或 Command Prompt)中,導航到你想要建立專案的目錄,然後執行以下命令來初始化一個新的 Node.js 專案:

npm init -y

這將會生成一個package.json文件,記錄專案的依賴和基本資訊。

  1. 安裝 Express
    Express 是一個輕量級且流行的 Node.js 框架,它使建立伺服器變得簡單。運行以下命令來安裝它:
npm install express

4.建立伺服器文件
創建一個名為index.js的文件,並在其中加入以下代碼來設置一個基本的伺服器:

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
    res.send('Hello World!');
});

app.listen(port, () => {
    console.log(`Server is running on http://localhost:${port}`);
});

這段代碼做了什麼?

  • 首先,我們使用require引入了 Express。
  • 然後,我們建立了一個伺服器,當用戶訪問/路徑時,伺服器會回傳「Hello World!」。
  • 最後,我們啟動伺服器,並讓它在http://localhost:3000上運行。
  1. 啟動伺服器
    在終端中運行以下命令來啟動伺服器:
node index.js

現在,你可以打開瀏覽器,並訪問http://localhost:3000,你應該會看到「Hello World!」字樣。

伺服器與資料庫的關係

伺服器和資料庫的關係就像**「橋樑」「儲藏庫」**。伺服器負責接收前端的請求並將這些請求轉發到資料庫,資料庫則負責儲存、查詢和修改數據。

常見的資料庫類型包括:

  • 關聯式資料庫 (如 MySQL、PostgreSQL):數據以表格的形式儲存,表之間有關聯。
  • 非關聯式資料庫 (如 MongoDB):數據以文件的形式儲存,更靈活且擴展性強。
    當使用 Node.js 開發後端時,伺服器可以通過不同的驅動程式或庫來與資料庫溝通。例如,與 MySQL 溝通可以使用mysql2,與 MongoDB 溝通可以使用mongoose

以下是一個與資料庫溝通的基本流程:

  1. 用戶通過前端發送請求到伺服器。
  2. 伺服器接收到請求並進行處理。
  3. 伺服器通過驅動程式將請求轉發到資料庫,進行數據的讀取或寫入操作。
  4. 資料庫完成操作後,將結果返回給伺服器。
  5. 伺服器將結果回傳給前端,用戶可以看到最新的數據。

結論

今天我們簡單介紹了後端的基本概念,並學習了如何使用 Node.js 設置一個基本的伺服器。Node.js 是一個強大且易於上手的工具,特別適合初學者。我們還討論了伺服器與資料庫之間的互動關係,這是實現數據持久化的關鍵。下一步,我們可以深入學習如何與資料庫連接,並處理更多複雜的後端邏輯。

希望這篇文章幫助你理解後端的基本運作,並激發你進一步探索網站開發的興趣!


上一篇
Day-21 狀態管理 - React State 讓網頁互動起來
下一篇
Day-23 與數據庫溝通:初探 Express.js
系列文
新手友善園區-如何架設人生第一個網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言