Hướng Dẫn Chi Tiết Cách Xây Dựng Sản Phẩm Trên Môi Trường Github Codespaces

1. Giới Thiệu Github Codespaces

Github Codespaces là một môi trường phát triển tích hợp dựa trên cloud, cho phép lập trình viên tùy chỉnh và phát triển dự án của mình một cách nhanh chóng và hiệu quả. Bạn có thể sử dụng Codespaces để xây dựng ứng dụng, kiểm thử và trình bày sản phẩm một cách dễ dàng. Hơn nữa, Codespaces cho phép bạn tạo ra các cấu hình chia sẻ giữa các thành viên trong nhóm phát triển.

Mỗi Codespace được lưu trữ trong một Docker container và chạy trên máy ảo do Github cung cấp. Bạn có thể lựa chọn từ nhiều cấu hình máy ảo khác nhau, từ 2 core với 8 GB RAM và 32 GB dung lượng lưu trữ, cho đến những cấu hình mạnh hơn với 32 core, 64 GB RAM và 128 GB dung lượng lưu trữ. Theo mặc định, máy ảo sẽ chạy trên hệ điều hành Ubuntu Linux.

2. Lợi Ích Của Github Codespaces

Sử dụng Github Codespaces mang lại nhiều lợi ích đáng kể cho các nhà phát triển:

• Môi Trường Phát Triển Được Cấu Hình Sẵn: Bạn có thể phát triển phần mềm trong một môi trường đã được cấu hình cho dự án của mình.
• Truy Cập Tài Nguyên Nhanh Chóng: Trong trường hợp máy tính cá nhân không đủ mạnh để xử lý công việc, Codespaces cung cấp máy ảo đủ mạnh để đáp ứng nhu cầu phát triển.
• Phát Triển Bất Cứ Nơi Đâu: Tất cả những gì bạn cần là một trình duyệt web, cho phép bạn phát triển sản phẩm trên mọi thiết bị như laptop, máy tính bảng hoặc PC.
• Tùy Chọn Trình Soạn Thảo: Bạn có thể chọn làm việc trong ứng dụng web VS Code hoặc sử dụng các ứng dụng trên máy tính để bàn.
• Xuất Bản Ứng Dụng Web Từ Codespace: Bạn có thể xây dựng và công khai sản phẩm của mình để mọi người trong nhóm có thể xem và thử nghiệm trước khi gửi yêu cầu Pull Request.

3. Hướng Dẫn Xây Dựng Sản Phẩm Trên Github Codespaces

Để bắt đầu, bạn cần có một repository chứa mã nguồn cần xây dựng. Ví dụ, mình có một repository có tên là book-manager.

Bước 1: Tạo Github Codespace

• Chọn "Create codespace on master".
• Bạn cũng có thể tạo Codespace bằng cách nhấn vào dấu ba chấm (...) và chọn "New with options".

• Sau khi tạo máy ảo thành công, giao diện VS Code trong máy ảo sẽ mở ra. Bạn có thể chỉnh sửa mã nguồn của mình ngay tại đây.

Bước 2: Thực Hiện Xây Dựng Sản Phẩm

• Mở terminal và sử dụng lệnh npm để xây dựng ứng dụng ReactJS:

  Copy

  npm install
  npm start

Bước 3: Công Khai Cổng Để Xem Sản Phẩm

• Để công khai sản phẩm của bạn, hãy chọn tab "Port", nhấp chuột phải vào cổng 3000, chọn "Port Visibility" và sau đó chọn "Public".
• Sao chép liên kết đã được công khai và gửi cho những người muốn xem sản phẩm của bạn:

Kết Quả:
URL: https://sturdy-robot-j999xp4j6xrcqgjg-3000.app.github.dev/

Trên đây là hướng dẫn xây dựng sản phẩm ReactJS trên Github Codespaces. Bạn cũng có thể tùy chỉnh để xây dựng các sản phẩm khác theo ý muốn, và hoàn toàn có thể sử dụng Docker để thực hiện quy trình build.

4. Chi Phí Sử Dụng Github Codespaces

• Đối với tài khoản Git cá nhân:

  • 120 core-hours sử dụng Github Codespaces mỗi nhà phát triển.
  • 15GB dung lượng lưu trữ trên Github Codespaces mỗi nhà phát triển.

• Nếu bạn cần nhiều tài nguyên hơn, hãy tham khảo phần billing tại đây: Github Billing.

Kết Luận: Đó là tất cả những gì bạn cần biết về Github Codespaces. Nếu bạn thấy bài viết hữu ích, hãy cho mình một like và cảm ơn bạn đã dành thời gian để đọc!

Nguồn tham khảo: Github Codespaces Overview
source: viblo