Triển khai ứng dụng

Để hoàn thành phần này, bạn cần cài đặt Git trước đó.

Tải mã nguồn

  1. Tạo một thư mục với tên bất kỳ (ví dụ: workspace).
  2. Nhấp chuột phải và chọn Open in Terminal.

2.2.1

  1. Clone mã nguồn ứng dụng từ GitHub về máy.
git clone https://github.com/datng17/fcaj-resbar.git
  1. Kết quả sau khi clone:

2.2.1

Thêm dữ liệu

  1. Để thêm dữ liệu:
  • Truy cập thư mục database trong thư mục mã nguồn đã tải.
  • Sao chép đường dẫn từ thanh địa chỉ trên Windows.
  • Dán đường dẫn vào MySQL Shell và thêm script init.sql vào cuối.

2.2.1

  1. Sử dụng MySQL Shell để kết nối tới MySQL Server. Các bước kết nối tương tự phần trước. Trong thư mục project có database folder chứa các script SQL để tạo cơ sở dữ liệu, bảng, ràng buộc và thêm dữ liệu. Ở bước này, sử dụng lệnh source để chạy script.

2.2.1

  1. Chạy một số truy vấn để kiểm tra:
SELECT * FROM Clients;

2.2.1

Triển khai Web Server

  1. Mở Terminal trong thư mục backend và tiến hành install the NPM packages để chạy server.
npm install

2.2.1

  1. Tiếp theo, start the server:
npm run dev

2.2.1

  1. Web Server đã khởi động thành công.

Triển khai client application

  1. Tiếp theo, triển khai client application:
  • Truy cập thư mục frontend.
  • Mở Terminalcài đặt gói npm
npm install

2.2.1

  1. Trước khi chạy ứng dụng, cần cập nhật nội dung trong file vite.config.js như cấu hình mẫu dưới đây:
/// <reference types="vite/client" />

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    proxy: {
      "/api": {
        // API Endpoint của Web Server
        target: "http://localhost:5000/api",
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ""),
      },
    },
  },
});

Cấu hình trên thiết lập proxy cho Vite, nghĩa là khi URL request chứa /api thì sẽ được thay thế bằng chuỗi target.

  1. Chạy ứng dụng:
npm run dev

2.2.1

  1. Sau phần này, chúng ta sẽ kiểm tra kết quả triển khai.

Kết luận

Từ các bước triển khai trong phần Local Deployment đến đây, có thể rút ra một số kết luận:

  • Triển khai thủ công khá tốn công sức, yêu cầu cài đặt nhiều thành phần. Ở phần tiếp theo, chúng ta sẽ sử dụng Linux và Docker để triển khai toàn bộ ứng dụng.
  • Nếu ứng dụng được phát triển và triển khai trên Windows, việc chuyển sang nền tảng khác có thể gặp khó khăn.
  • Nếu triển khai ứng dụng này vào môi trường thực tế với kiến trúc hiện tại, hệ thống sẽ không có độ tin cậy cao.
  • Không đảm bảo tính nhất quán của môi trường. Khi triển khai theo cách này, các ứng dụng dùng chung tài nguyên với các phần mềm khác trên máy, dễ gây xung đột và lỗi ngoài ý muốn.