深入探討:Node.js、Vue、SSH服務與SSH免密登入

自足發表於2024-07-18

深入探討:Node.js、Vue、SSH服務與SSH免密登入

在這篇部落格中,我們將深入探討如何在專案中使用Node.js和Vue,並配置SSH服務以及實現SSH免密登入。我們會一步步地進行講解,並提供程式碼示例,確保你能輕鬆上手。

一、Node.js 與 Vue 的結合

1.1 Node.js 簡介

Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行時,它讓 JavaScript 能夠在伺服器端執行。Node.js 以其高效、輕量、事件驅動的非阻塞 I/O 模型而聞名,非常適合構建高併發的網路應用。

1.2 Vue 簡介

Vue 是一款漸進式 JavaScript 框架,用於構建使用者介面。與其他大型框架不同,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層,非常容易上手,同時也便於與第三方庫或既有專案整合。

1.3 專案初始化

我們將建立一個簡單的專案,前端使用 Vue,後端使用 Node.js。

1.3.1 初始化 Node.js 專案

首先,確保你已經安裝了 Node.js 和 npm。然後在終端中執行以下命令來初始化一個新的 Node.js 專案:

mkdir my-project
cd my-project
npm init -y

接下來,安裝 Express 框架:

npm install express

建立一個 server.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 at http://localhost:${port}`);
});

執行 node server.js,你應該能在瀏覽器中看到 "Hello World!"。

1.3.2 初始化 Vue 專案

在專案根目錄下,執行以下命令來建立 Vue 專案:

npx @vue/cli create frontend

按照提示完成專案建立,然後進入 frontend 目錄並執行:

npm run serve

你應該能在瀏覽器中看到 Vue 的歡迎頁面。

二、配置 SSH 服務

2.1 安裝 SSH 服務

在大多數 Linux 發行版中,你可以使用以下命令安裝 SSH 服務:

sudo apt-get update
sudo apt-get install openssh-server

2.2 啟動 SSH 服務

安裝完成後,啟動 SSH 服務:

sudo systemctl start ssh
sudo systemctl enable ssh

2.3 驗證 SSH 服務

你可以使用以下命令驗證 SSH 服務是否正常執行:

sudo systemctl status ssh

三、實現 SSH 免密登入

3.1 生成 SSH 金鑰對

在客戶端機器上,執行以下命令生成 SSH 金鑰對:

ssh-keygen -t rsa -b 4096 -C "your_email@example.com"

按照提示完成金鑰對的生成過程。預設情況下,金鑰會儲存在 ~/.ssh/id_rsa~/.ssh/id_rsa.pub

3.2 複製公鑰到伺服器

使用 ssh-copy-id 命令將公鑰複製到伺服器:

ssh-copy-id user@server_ip

你需要輸入伺服器使用者的密碼來完成公鑰的複製。

3.3 測試免密登入

現在,你應該能夠使用 SSH 免密登入到伺服器:

ssh user@server_ip

如果一切順利,你將無需輸入密碼即可登入到伺服器。

四、總結

在這篇部落格中,我們探討了如何結合使用 Node.js 和 Vue 來構建一個簡單的專案,並配置 SSH 服務以及實現 SSH 免密登入。透過這些步驟,你可以輕鬆地搭建一個高效的開發環境,並提高你的工作效率。

希望這篇部落格對你有所幫助!如果你有任何問題或建議,歡迎在評論區留言。Happy coding!

百萬大學生都在用的AI寫論文工具,篇篇無重複👉: AI寫論文

相關文章