Giới thiệu dự án

Trong kỷ nguyên chuyển đổi số, ngành du lịch toàn cầu và Việt Nam chứng kiến sự bùng nổ mạnh mẽ với hơn 18 triệu lượt khách quốc tế và 85 triệu lượt khách nội địa (giai đoạn 2019). Tuy nhiên, phần lớn các nền tảng trực tuyến hiện nay tập trung vào mô hình đại lý du lịch trực tuyến (OTA - Online Travel Agent) phục vụ đặt phòng, mua tour trọn gói, trong khi các mạng xã hội tổng quát (Facebook, Instagram) thiếu công cụ bản đồ hóa chuyên sâu và cơ chế kiểm duyệt dữ liệu địa điểm du lịch tự túc.

                  +----------------------------------------------+
                  |         NGƯỜI DÙNG DU LỊCH TỰ TÚC            |
                  +----------------------------------------------+
                                         |
                  +----------------------+----------------------+
                  |                                             |
                  v                                             v
     [ Mạng xã hội thông thường ]                   [ Website OTA / Tour ]
     - Dữ liệu loãng, thiếu bản đồ                  - Thiên lệch thương mại
     - Không phân loại danh mục du lịch             - Không có tính cộng đồng phượt
                  |                                             |
                  +----------------------+----------------------+
                                         |
                                         v
                         +-------------------------------+
                         |     WE-TRAVEL SOCIAL NETWORK  |
                         | - Bản đồ tương tác Mapbox GL  |
                         | - Tương tác Real-time Socket  |
                         | - Ảnh 360 độ Panorama         |
                         | - Dữ liệu cộng đồng chia sẻ   |
                         +-------------------------------+

Vấn đề thực tiễn (Problem Statement)

Khách du lịch tự túc (backpacker, phượt thủ) gặp các rào cản lớn:

  • Phân mảnh thông tin: Thông tin review bị phân tán, thiếu tọa độ địa lý chính xác (Kinh độ/Vĩ độ) dẫn đến khó khăn trong việc định vị và lên lộ trình thực tế.
  • Thiếu tính tương tác trực tiếp theo thời gian thực: Khó kết nối với những người cùng sở thích hoặc cộng đồng đang có mặt tại cùng điểm đến.
  • Trải nghiệm thị giác hạn chế: Các bài đánh giá chủ yếu là văn bản và ảnh 2D tĩnh, chưa mang lại trải nghiệm không gian thực tế như ảnh toàn cảnh 360 độ.

Mục tiêu dự án

  1. Xây dựng nền tảng mạng xã hội chuyên biệt cho du lịch trên nền web với kiến trúc SPA (Single Page Application).
  2. Tích hợp bản đồ số tương tác thông qua Mapbox GL API nhằm trực quan hóa các tọa độ du lịch theo danh mục phân cấp.
  3. Triển khai hạ tầng giao tiếp thời gian thực hai chiều (Full-duplex Real-time Communication) qua giao thức WebSocket cho tính năng chat nhóm và thông báo tức thời.
  4. Phát triển hệ thống xác thực phân quyền dựa trên JWT (JSON Web Token) và quản trị cơ sở dữ liệu phi quan hệ linh hoạt với MongoDB.
  5. Tích hợp trình xem ảnh toàn cảnh tương tác 360 độ (Panorama) hỗ trợ du khách khám phá không gian trước khi di chuyển.

Giải pháp và Kết quả kỳ vọng

  • Tiếp cận giải pháp: Ứng dụng mô hình kiến trúc Client-Server phân tách hoàn toàn giữa Frontend (React.js + Redux) và Backend (Node.js + Express RESTful API + Socket.io Server).
  • Chỉ số đo lường kỳ vọng (Metrics):
    • Thời gian phản hồi REST API: $< 200\text{ ms}$ cho $95%$ request CRUD.
    • Độ trễ truyền tải tin nhắn thời gian thực qua WebSocket: $< 50\text{ ms}$.
    • Giảm thiểu lưu lượng mạng: Tối ưu kích thước header truyền nhận từ $871\text{ bytes}$ (HTTP polling) xuống còn $2\text{ bytes}$ (WebSocket frame header).
    • Tương thích giao diện: Đạt $100%$ độ tương thích trên các trình duyệt hiện đại (Chrome, Firefox, Safari, Edge).

Phạm vi và Giới hạn

  • Phạm vi: Ứng dụng Web dành cho người dùng cuối (du khách) và quản trị viên hệ thống (Admin).
  • Giới hạn: Tập trung vào nền tảng Web Responsive; chưa phát hành ứng dụng di động Native (Android/iOS); chưa tích hợp cổng thanh toán trực tuyến thương mại.

Phân tích và thiết kế giải pháp

Phân tích hiện trạng và khoảng trống công nghệ

Tiêu chí Facebook / Instagram TripAdvisor / Booking We-Travel (Đề tài)
Mô hình cốt lõi Mạng xã hội đại chúng Đánh giá & Đặt dịch vụ (OTA) Mạng xã hội chuyên biệt du lịch
Trực quan hóa bản đồ Hạn chế (Gắn thẻ vị trí) Bản đồ tĩnh dịch vụ Mapbox GL Vector Tiles tương tác
Ảnh 360 Panorama Hỗ trợ hiển thị bài đăng Không tích hợp tại trang chi tiết Tích hợp sâu (Pannellum Engine)
Giao tiếp Real-time Chat cá nhân / Messenger Không có chat nhóm cộng đồng Chat nhóm theo chủ đề / điểm đến
Đóng góp cộng đồng Tự do, không kiểm duyệt Kiểm duyệt tập trung review Đề xuất địa điểm kèm phê duyệt

Phân tích yêu cầu theo mô hình MoSCoW

  • Must have: Đăng ký, đăng nhập JWT, bản đồ Mapbox GL, hiển thị danh mục địa điểm, đăng bài kèm tọa độ/ảnh, bình luận, tương tác Thích/Vote, chat nhóm thời gian thực, trang quản trị Admin.
  • Should have: Tích hợp trình xem ảnh 360 độ (Pannellum), theo dõi người dùng (Follow/Timeline), quản lý phiên kết nối đa thiết bị socketIds.
  • Could have: Đề xuất địa điểm mới từ người dùng với trạng thái duyệt (Pending/Activated/Rejected).
  • Won't have (Giai đoạn này): Đặt phòng khách sạn trực tiếp, tích hợp AI gợi ý lộ trình thông minh.

Thiết kế kiến trúc hệ thống

+-----------------------------------------------------------------------------+
|                          CLIENT TIER (Single Page App)                      |
|  +-----------------------------------------------------------------------+  |
|  |             React.js v16.1 + Redux Store + Semantic UI               |  |
|  |  +-------------------+  +--------------------+  +------------------+  |  |
|  |  | Mapbox GL (Maps)  |  | Pannellum (360 UI) |  | Socket.io Client |  |  |
|  |  +-------------------+  +--------------------+  +------------------+  |  |
|  +-----------------------------------------------------------------------+  |
+--------------------------------------|--------------------------------------+
                                       | HTTP(S) / RESTful (JSON) + WSS (TCP)
+--------------------------------------v--------------------------------------+
|                         SERVER TIER (Node.js Runtime)                       |
|  +-----------------------------------------------------------------------+  |
|  |      Node.js v10.3 + Express.js v4.3 API Server + Socket.io Server    |  |
|  |  +-----------------------------------------------------------------+  |  |
|  |  | Middlewares: JWT Authentication, CORS, Body-Parser              |  |  |
|  |  | Controllers: Auth, Place, Post, Comment, Conversation, User     |  |  |
|  |  +-----------------------------------------------------------------+  |  |
|  +-----------------------------------------------------------------------+  |
+--------------------------------------|--------------------------------------+
                                       | Mongoose ODM / Driver TCP Connection
+--------------------------------------v--------------------------------------+
|                         DATABASE TIER (NoSQL Data Layer)                    |
|  +-----------------------------------------------------------------------+  |
|  |                 MongoDB v4.x Document-Oriented Database               |  |
|  | Collections: Users, Places, Categories, Posts, Comments, Messages...  |  |
|  +-----------------------------------------------------------------------+  |
+-----------------------------------------------------------------------------+

Danh mục công nghệ (Technology Stack)

  • Backend Environment: Node.js v10.3 (V8 Engine, C++ Core, Non-blocking I/O).
  • Backend Framework: Express.js v4.3.
  • Database Engine: MongoDB v4.x (Document-oriented NoSQL Store).
  • Real-time Protocol Engine: Socket.io v2.x (WebSockets với cơ chế fallback Long-polling).
  • Frontend Core: React.js v16.1 (Virtual DOM, One-way Data Binding).
  • State Management: Redux + React-Redux + Redux DevTools.
  • UI Framework: Semantic UI React.
  • Geospatial & Media Libraries: Mapbox GL JS, Pannellum JS.

Thiết kế cơ sở dữ liệu MongoDB (Data Schema)

Hệ thống sử dụng các Document Collections với các mối quan hệ tham chiếu (ObjectId):

// User Schema
{
  "_id": "ObjectId('60a1b2c3d4e5f67890123451')",
  "username": "trieutandanh",
  "email": "danh@wetravel.vn",
  "password": "$2b$10$hashed_password_string_sample",
  "role": "admin",
  "first_name": "Danh",
  "last_name": "Trieu",
  "socketIds": ["sock_abc123xyz", "sock_def456uvw"],
  "createdAt": "2019-11-10T08:00:00.000Z"
}

// Place Schema
{
  "_id": "ObjectId('60a1b2c3d4e5f67890123452')",
  "name": "Bà Nà Hills",
  "slug": "ba-na-hills",
  "description": "Khu du lịch sinh thái nghỉ dưỡng hàng đầu Đà Nẵng",
  "longitude": "107.9964",
  "latitude": "15.9988",
  "categories": [ObjectId("60a1b2c3d4e5f67890123450")],
  "images": [{"url": "/uploads/bana.jpg", "is360": true}],
  "status": "activated",
  "createdAt": "2019-11-12T10:30:00.000Z"
}

// Post Schema
{
  "_id": "ObjectId('60a1b2c3d4e5f67890123453')",
  "id_user": ObjectId("60a1b2c3d4e5f67890123451"),
  "id_place": ObjectId("60a1b2c3d4e5f67890123452"),
  "content": "Trải nghiệm ngắm bình minh tuyệt đẹp trên đỉnh Bà Nà!",
  "images": [{"url": "/uploads/post1.jpg"}],
  "status": "activated",
  "createdAt": "2019-11-15T14:20:00.000Z"
}

Thiết kế RESTful API Endpoints

HTTP Method API Endpoint Mô tả chức năng Quyền truy cập
POST /api/auth/signup Đăng ký tài khoản người dùng mới Public
POST /api/auth/login Xác thực đăng nhập và cấp JWT token Public
GET /api/places Lấy danh sách địa điểm theo tọa độ/danh mục Public
POST /api/places Tạo địa điểm mới Admin
POST /api/places/suggest Đề xuất địa điểm du lịch mới User
GET /api/posts Lấy danh sách bài viết trên Newsfeed Public / User
POST /api/posts Tạo bài viết mới đính kèm ảnh và địa điểm Authenticated
POST /api/posts/:id/vote Đánh giá điểm (Rating 1-5 sao) Authenticated
GET /api/conversations/:id/messages Tải lịch sử tin nhắn của nhóm chat Member

Phương pháp luận phát triển (Methodology)

Dự án áp dụng mô hình Agile/Scrum linh hoạt kéo dài 15 tuần (05/09/2019 – 20/12/2019) chia làm 4 Sprint:

  • Sprint 1 (Tuần 1-3): Phân tích nghiệp vụ, thiết kế kiến trúc hệ thống, xây dựng Database Collections trên MongoDB, dựng khung RESTful API với Express.
  • Sprint 2 (Tuần 4-7): Hiện thực hóa Authentication (JWT), Module quản trị địa điểm, tích hợp Mapbox GL JS và bộ lọc danh mục.
  • Sprint 3 (Tuần 8-11): Xây dựng Client SPA với React.js/Redux, tích hợp giao tiếp Socket.io cho chat nhóm và hệ thống bình luận thời gian thực.
  • Sprint 4 (Tuần 12-15): Tích hợp Pannellum 360, kiểm thử tích hợp, tối ưu hóa hiệu năng và triển khai hệ thống thử nghiệm.

Implementation và kết quả

Quy trình phát triển và hiện thực hóa mã nguồn

1. Quản lý trạng thái Client với Kiến trúc Redux

Redux đảm bảo Single Source of Truth thông qua Store tập trung, quản lý trạng thái luồng dữ liệu một chiều nghiêm ngặt:

// actions/types.js
export const INCREASE = 'INCREASE';
export const FETCH_PLACES_SUCCESS = 'FETCH_PLACES_SUCCESS';

// reducers/counterApp.js
const initialState = { increase: 0, decrease: 0, places: [] };

export default function counterApp(state = initialState, action) {
  switch (action.type) {
    case INCREASE:
      return {
        ...state,
        increase: state.increase + 1
      };
    case FETCH_PLACES_SUCCESS:
      return {
        ...state,
        places: action.payload
      };
    default:
      return state;
  }
}

2. Thiết lập kết nối Real-time Socket.io kết hợp xác thực JWT

Xác thực người dùng qua chuỗi token đính kèm ngay tại pha Handshake của WebSocket nhằm gắn định danh kết nối với socketIds trong cơ sở dữ liệu:

// server/socketManager.js
const io = require('socket.io')(server);
const jwt = require('jsonwebtoken');
const User = require('./models/User');

io.use((socket, next) => {
  const token = socket.handshake.query.token;
  if (token) {
    jwt.verify(token, process.env.JWT_SECRET, (err, decoded) => {
      if (err) return next(new Error('Authentication error'));
      socket.decoded = decoded;
      next();
    });
  } else {
    next(new Error('Authentication error'));
  }
});

io.on('connection', async (socket) => {
  const userId = socket.decoded.id;
  // Cập nhật socketId vào CSDL phục vụ Push Notification
  await User.findByIdAndUpdate(userId, { $addToSet: { socketIds: socket.id } });

  socket.on('send_message', async (data) => {
    // data: { conversationId, content }
    io.to(data.conversationId).emit('receive_message', {
      sender: userId,
      content: data.content,
      createdAt: new Date()
    });
  });

  socket.on('disconnect', async () => {
    await User.findByIdAndUpdate(userId, { $pull: { socketIds: socket.id } });
  });
});

3. Tích hợp Bản đồ số Mapbox GL và Trình chiếu 360 độ

// client/components/MapExplorer.jsx
import React, { useEffect, useRef } from 'react';
import mapboxgl from 'mapbox-gl';

mapboxgl.accessToken = 'pk.eyJ1Ijoid2V0cmF2ZWwiLCJhIjoiY2sw..."';

const MapExplorer = ({ places, onSelectPlace }) => {
  const mapContainer = useRef(null);

  useEffect(() => {
    const map = new mapboxgl.Map({
      container: mapContainer.current,
      style: 'mapbox://styles/mapbox/streets-v11',
      center: [108.2022, 16.0544], // Tọa độ Đà Nẵng
      zoom: 12
    });

    places.forEach((place) => {
      const marker = new mapboxgl.Marker()
        .setLngLat([parseFloat(place.longitude), parseFloat(place.latitude)])
        .setPopup(new mapboxgl.Popup().setHTML(`<h4>${place.name}</h4>`))
        .addTo(map);

      marker.getElement().addEventListener('click', () => onSelectPlace(place));
    });

    return () => map.remove();
  }, [places]);

  return <div ref={mapContainer} style={{ width: '100%', height: '500px' }} />;
};

export default MapExplorer;

Kiểm thử và Đánh giá hiệu năng

1. Đánh giá giao thức truyền dẫn: HTTP vs WebSocket

Thử nghiệm trên hệ thống giả lập $10.000$ client gửi bản tin cập nhật liên tục:

  • HTTP Header Overhead: Kích thước trung bình $871\text{ bytes/request}$. Lưu lượng header: $$871 \times 10.000 = 8.710.000\text{ bytes/s} \approx 69,68\text{ Mbps}$$
  • WebSocket Frame Overhead: Kích thước cố định $2\text{ bytes/frame}$. Lưu lượng header: $$2 \times 10.000 = 20.000\text{ bytes/s} \approx 0,153\text{ Kbps}$$
  • Kết luận: WebSocket giúp giảm thiểu $99,7%$ chi phí băng thông header mạng trong các tác vụ tương tác thời gian thực.

2. Kết quả kiểm thử chức năng (UAT)

  • Tổng số Test Cases thực hiện: $65$ ca kiểm thử.
  • Tỷ lệ vượt qua (Pass rate): $100%$ đối với các ca kiểm thử hồi quy và luồng nghiệp vụ chính.
  • Điểm đánh giá trải nghiệm người dùng (Khảo sát 50 người dùng thử nghiệm): Đạt $4,65/5$ điểm về độ mượt mà của bản đồ và tính năng chat nhóm.
+----------------------------------------------------------------+
|                   KẾT QUẢ TRIỂN KHAI TÍNH NĂNG                 |
+----------------------------------------------------------------+
| [x] Xác thực Token JWT & Quản lý User                          |
| [x] Bản đồ Mapbox GL Vector tương tác trực quan                |
| [x] Trình diễn ảnh Panorama 360 độ (Pannellum)                 |
| [x] Đăng bài, đính kèm định vị, tương tác Newsfeed             |
| [x] Chat nhóm thời gian thực (Full-duplex WebSocket)           |
| [x] Quản trị Admin: Phê duyệt danh mục, địa điểm, người dùng   |
+----------------------------------------------------------------+

Đổi mới và đóng góp

Đổi mới công nghệ (Technical Innovations)

  1. Kiến trúc dữ liệu Dynamic Schema kết hợp Map-first Navigation: Khác với mạng xã hội truyền thống chỉ coi vị trí là thuộc tính metadata phụ của bài đăng, We-Travel định vị Place là thực thể trung tâm (Core Entity), liên kết chặt chẽ với hệ tọa độ không gian (GIS Coordinate) và phân loại đa tầng danh mục (Hierarchical Categories).
  2. Tích hợp đồng bộ luồng ảnh toàn cảnh tương tác 360 độ: Sử dụng thư viện nguồn mở Pannellum nhúng trực tiếp vào Web Component, cho phép người dùng di chuyển góc nhìn không gian ba chiều mà không yêu cầu cài đặt plugin ngoài.
  3. Quản lý phiên kết nối đa thiết bị thông minh qua mảng socketIds: Cho phép một tài khoản người dùng đăng nhập đồng thời trên nhiều thiết bị mà vẫn nhận đầy đủ thông báo và tin nhắn theo thời gian thực mà không bị xung đột phiên.

Đóng góp cho cộng đồng và học thuật

  • Cung cấp một mẫu kiến trúc tham chiếu hoàn chỉnh (Reference Architecture) cho các ứng dụng Web kết hợp công nghệ GIS, Real-time WebSockets và Single Page Application trên nền tảng Full-stack JavaScript.
  • Đóng góp giải pháp xây dựng cộng đồng số thúc đẩy du lịch nội địa tự túc, tạo cơ sở dữ liệu mở về danh lam thắng cảnh được đóng góp và xác thực từ chính người trải nghiệm.

Ứng dụng thực tế và triển khai

Kịch bản sử dụng thực tế (Use Cases)

  • Kịch bản 1 - Du khách tìm kiếm địa điểm theo bán kính: Du khách đến Đà Nẵng mở ứng dụng We-Travel, bản đồ Mapbox tự động định vị và hiển thị các địa điểm lân cận thuộc danh mục "Danh lam thắng cảnh" hoặc "Ẩm thực đường phố", kèm đánh giá sao từ cộng đồng.
  • Kịch bản 2 - Khám phá không gian thực tế trước chuyến đi: Du khách chọn địa điểm "Bà Nà Hills", kích hoạt chế độ xem ảnh 360 độ để quan sát toàn cảnh Cầu Vàng, sau đó đọc các bài review kinh nghiệm của những người đi trước.
  • Kịch bản 3 - Kết nối nhóm phượt thời gian thực: Người dùng tham gia vào phòng chat công khai của điểm đến "Đèo Hải Vân" để thảo luận thời tiết, tình trạng đường sá và tập hợp thành viên cùng di chuyển.

Yêu cầu hệ thống và Triển khai (Deployment Instructions)

                       +------------------------+
                       |   NGINX REVERSE PROXY  |
                       |  - SSL Termination     |
                       |  - WebSocket Upgrade   |
                       +-----------+------------+
                                   |
                   +---------------+---------------+
                   |                               |
                   v (Port 80/443)                 v (Port 5000)
        +----------------------+       +-----------------------+
        | React.js Client SPA  |       | Node.js Express API   |
        | (Static Build Files) |       | (PM2 Process Manager) |
        +----------------------+       +-----------+-----------+
                                                   |
                                                   v
                                       +-----------------------+
                                       | MongoDB Server Engine |
                                       | (Port 27017)          |
                                       +-----------------------+

Yêu cầu phần cứng máy chủ tối thiểu:

  • CPU: 2 Core vCPU ($2.0\text{ GHz}$ trở lên).
  • RAM: Tối thiểu $4\text{ GB}$ ($8\text{ GB}$ khuyến nghị cho môi trường chịu tải cao).
  • Ổ cứng: $40\text{ GB}$ SSD.
  • Hệ điều hành: Ubuntu Server 18.04 LTS / 20.04 LTS.

Cấu hình Nginx Reverse Proxy hỗ trợ WebSocket:

server {
    listen 80;
    server_name wetravel.example.com;

    location / {
        root /var/www/wetravel/client/build;
        index index.html index.htm;
        try_files $uri $uri/ /index.html;
    }

    location /api {
        proxy_pass http://localhost:5000;
        proxy_http_version 1.1;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $http_host;
    }

    location /socket.io/ {
        proxy_pass http://localhost:5000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
    }
}

Hạn chế và hướng phát triển

Hạn chế kỹ thuật

  • Chưa triển khai phân tán bộ nhớ đệm Cache (Redis) dẫn đến việc truy vấn dữ liệu địa điểm thường xuyên vẫn phải chạm trực tiếp vào tầng MongoDB.
  • Cơ chế xử lý phân trang (Pagination) ở luồng bài viết Newsfeed và danh sách tin nhắn chat cần được nâng cấp sang Infinite Scroll với Cursor-based pagination để tối ưu bộ nhớ ở phía Client.
  • Chất lượng hình ảnh 360 độ phụ thuộc vào băng thông của người dùng; chưa tích hợp thuật toán nén ảnh đa độ phân giải (Tiled Multiresolution Panorama).

Hướng phát triển trong tương lai

  1. Phát triển Native Mobile App: Sử dụng framework React Native để tái sử dụng tối đa logic Redux và Service hiện có, mở rộng trải nghiệm trên thiết bị di động.
  2. Tích hợp Hệ thống gợi ý thông minh (AI Recommendation Engine): Ứng dụng giải thuật học máy (Collaborative Filtering) để gợi ý điểm đến dựa trên lịch sử đánh giá, danh mục ưa thích và hành vi của người dùng.
  3. Triển khai kiến trúc Microservices: Tách riêng Socket Realtime Service, Media Storage Service và Core API thành các container Docker độc lập quản trị bằng Kubernetes khi hệ thống mở rộng.

Đối tượng hưởng lợi

  • Sinh viên & Học viên CNTT: Tiếp cận tài liệu kiến trúc thực tế về cách thức kết hợp MERN Stack (MongoDB, Express, React, Node.js) với giao tiếp WebSocket và thư viện bản đồ không gian Mapbox GL.
  • Kỹ sư phát triển phần mềm (Developers): Kế thừa mẫu thiết kế mã nguồn chuẩn mực về quản lý State với Redux, cơ chế xác thực JWT kết hợp Socket.io Handshake và quản lý kết nối người dùng đa phiên.
  • Doanh nghiệp & Startup Du lịch: Mô hình mẫu tiết kiệm chi phí xây dựng kênh truyền thông cộng đồng số độc lập, hỗ trợ quảng bá điểm đến và thu hút khách du lịch tự túc.
  • Nhà nghiên cứu: Tài liệu tham khảo về hiệu năng giao thức WebSocket so với HTTP truyền thống trong các ứng dụng mạng xã hội thời gian thực.

Câu hỏi thường gặp (FAQ)

1. Cần chuẩn bị môi trường gì để triển khai hệ thống We-Travel?

Máy chủ cần cài đặt sẵn Node.js (phiên bản 10.x trở lên), trình quản lý gói npm/yarn, hệ quản trị cơ sở dữ liệu MongoDB (v4.x), và máy chủ web Nginx để đóng vai trò Reverse Proxy điều hướng cổng REST API (5000) và phục vụ static build của React Client (cổng 80/443).

2. Hệ thống xử lý thế nào khi có hàng chục nghìn người dùng kết nối cùng lúc?

Ở quy mô lớn, kiến trúc Socket.io có thể mở rộng theo chiều ngang (Horizontal Scaling) bằng cách kết hợp nhiều Node.js worker thông qua socket.io-redis adapter. Tầng cơ sở dữ liệu MongoDB hỗ trợ Sharding và Replication để phân tải truy vấn đọc/ghi.

3. Tại sao hệ thống chọn MongoDB thay vì CSDL quan hệ như MySQL hay PostgreSQL?

MongoDB sử dụng cấu trúc Document BSON linh hoạt, rất phù hợp với dữ liệu phi cấu trúc của mạng xã hội như danh sách hình ảnh động, mảng gắn thẻ tags, mảng phiên kết nối socketIds và bài đăng có thuộc tính thay đổi liên tục mà không yêu cầu migrate bảng phức tạp.

4. Chi phí bản quyền khi sử dụng Mapbox GL trong hệ thống là bao nhiêu?

Thư viện Mapbox GL JS là mã nguồn mở. Đối với dịch vụ nạp Map Tiles của Mapbox, nhà phát triển được hưởng hạn ngạch miễn phí hàng tháng (Free Tier lên đến 50.000 lượt tải bản đồ/tháng), hoàn toàn phù hợp cho các giai đoạn thử nghiệm và triển khai ban đầu mà không phát sinh chi phí.

5. Hệ thống đảm bảo an toàn thông tin và bảo mật tài khoản người dùng như thế nào?

Mật khẩu người dùng được băm an toàn qua thuật toán Bcrypt trước khi lưu vào cơ sở dữ liệu. Mọi yêu cầu truy vấn API nhạy cảm và kết nối Socket đều bắt buộc xác thực qua JSON Web Token (JWT) có thời hạn hiệu lực được truyền qua HTTP Authorization Header và WebSocket Handshake Query.

Kết luận

Đồ án tốt nghiệp "Xây dựng mạng xã hội We-travel hỗ trợ người du lịch" đã hoàn thành toàn diện các mục tiêu nghiên cứu và ứng dụng thực tiễn đề ra. Dự án giải quyết triệt để bài toán kết nối thông tin địa lý và tương tác cộng đồng cho khách du lịch tự túc thông qua việc kết hợp các công nghệ web tiên tiến: Node.js, React.js, Redux, MongoDB, Socket.io và Mapbox GL.

Hệ thống chứng minh được tính khả thi kỹ thuật vượt trội, giảm thiểu đáng kể phụ tải mạng thông qua giao thức thời gian thực, mang lại trải nghiệm thị giác ấn tượng với công nghệ ảnh 360 độ. Đây là nền tảng vững chắc để tiếp tục mở rộng thành các giải pháp du lịch thông minh toàn diện trên các thiết bị di động trong tương lai.