- vừa được xem lúc

Hướng dẫn build sản phẩm trên môi trường Codespaces của Github

0 0 2

Người đăng: Pham van much

Theo Viblo Asia

1. Giới Thiệu:

  • Codespace là môi trường phát triển được lưu trữ trên cloud. Bạn có thể tùy chỉnh , build dự án của mình trên GitHub Codespaces (Phục vụ cho mục đích test, trình bày sản phẩm của mình một cách nhanh chống) , tạo ra cấu hình codespace có thể dùng chung cho tất cả người dùng dự án của bạn.
  • Mỗi codespace bạn tạo được GitHub lưu trữ trong Docker container, chạy trên máy ảo. Bạn có thể chọn từ nhiều loại máy ảo, từ 2 core, RAM 8 GB và dung lượng lưu trữ 32 GB, tối đa 32 core, RAM 64 GB và dung lượng lưu trữ 128 GB.
  • Default thì codespace sẽ tạo máy ảo chạy trên Ubuntu Linux

2. Lợi ích của Github Codespace:

  • Use a preconfigured development environment: Bạn có thể phát triển phần mềm trong một môi trường riêng đã được cấu hình cho repository của bạn.
  • Access the resources you need : Trong một số trường hợp máy vật lý không đủ mạnh thì codespace sẽ cung cấp cho bạn máy ảo đủ mạnh để phát triển phần mềm.
  • Work anywhere: Tất cả những gì bạn cần là một trình duyệt web, bạn có thể develop sản phẩm của mình trên bất cứ device nào: laptop, máy tính bảng , pc,... .
  • Choose your editor: Làm việc trên trình duyệt trong ứng dụng web VS Code hoặc chọn từ nhiều ứng dụng trên máy tính để bàn.
  • Publish your web app from a codespace: Bạn có thể build sản phẩm của mình và public cho mọi người trong team xem hoặc test trước khi bạn tạo Pull Request.

3. Hướng dẫn build software trên codespace:

Đầu tiên chúng ta cần có 1 repository chứa source code cần build , ở đây mình có một repostory là book-manager

Step1: Chọn vào create codespace on master.

  • Ngoài ra chúng ta có thể tạo codespace theo machine bẳng cách click vào dấu ... và chọn ** New with options...**
Tạo Default
Tạo với option máy ảo
image.png
image.png
Với lựa chọn default thì code space sẽ tạo cho chúng ta một máy ảo với cấu hình là 2 core -8GB RAM- 32 GB Có 2 options: 2 core -8GB RAM- 32 GB, 4 core-16GB RAM- 32GB
  • Sau khi tạo máy ảo thành công thì màn hình VScode của máy ảo sẽ được mở ra, ở đây sẽ chứa source của repostory của bạn, bạn có thể chỉnh sửa source của mình tại đây:

image.png

Step 2: Chúng ta sẽ gõ lệnh vào terminal để thực hiện build sản phẩm.

  • Vì ở đây source code của mình là reactjs nên mình sẽ sử dụng lệnh npm để build .

     `npm install`
    

image.png

 ` npm start`

image.png

Step 3: Thực hiện public port để bất kì ai cũng có thể xem sản phẩm của bạn nhé,

  • Chon vào tab port -> click chuột phải vào port 3000 -> Port Visibility -> Public

image.png

  • Copy link đã được public và gửi cho ai mà bạn muốn xem sản phẩm của mình đã build: image.png

Và đây là kết quả:

URL: https://sturdy-robot-j999xp4j6xrcqgjg-3000.app.github.dev/

image.png

=> Trên đây là hướng dẫn build sản phẩm reactjs đơn giản trên codespace , ngoài ra bạn có thể build các sản phẩm của mình tuỳ ý trên codespace và hoàn toàn có thể dùng docker để build.

4. Chi phí cho codespace:

  • Đối với account git cá nhân thì bạn có thể dùng:
    • 120 core-hours of Codespaces compute per developer
    • 15GB of Codespaces storage per developer

image.png

Trên đây là chia sẽ của mình về github codespaces nếu mọi người thấy hay thì cho mình một votes nhé ! Cảm ơn mọi người đã dành thời gian đọc bài viết của mình.

**Nguồn tham khảo: **https://docs.github.com/en/codespaces/overview#billing-for-codespaces

Bình luận

Bài viết tương tự

- vừa được xem lúc

Github CLI - Đơn giản hóa cuộc sống cho developer

1. Giới thiệu.

0 0 38

- vừa được xem lúc

Tự build cho mình một hệ thống BADGE MARKDOWN siêu xịn xò - #1

Chào mọi người, lại là mình và cái serie "Something thú vị" của mình đây, serie tổng hợp những kiến thức mình cảm thấy thú vị ở trên google, github, bla bla... Qua đó chia sẻ những project nho nhỏ, thích hợp để mọi người làm cho vui hoặc relax hoặc giải trí. https://github.com/weebNeedWeed/custom-ba

0 0 29

- vừa được xem lúc

Profile README - Portfolio cá nhân nhanh, bổ, rẻ ngay trên Github

. Khi đã chọn nghề IT, dấn thân vào con đường dev khó có ngày yên nghỉ (ngơi), chắc các bạn đã không còn xa lạ với Github, nếu không muốn nói là quá quen (nếu chưa biết Github là cái gì thì bạn cần lăn lộn giang hồ nhiều nữa ). Với một hệ thống siêu khủng, nhiều tính năng siêu tiện ích, một đội ngũ

0 0 84

- vừa được xem lúc

Git objects

. Giới thiệu. Hầu hết các developer đều ít nhiều sử dụng git trong công việc hàng ngày. Khi bắt đầu với git, chúng ta đều được học các câu lệnh quên thuộc như git add ., git commit -m '[Feat] Hello world'.

0 0 29

- vừa được xem lúc

Phân biệt GitHub và GitLab. Nên chọn dịch vụ nào?

Làm thế nào để phân biệt GitHub và GitLab? Ngày nay, quản lý kho là một trong những yếu tố quan trọng của phát triển phần mềm hợp tác. Các tính năng phân phối thành công yêu cầu cần sự kết hợp của các

0 0 43

- vừa được xem lúc

Điểm mặt 10 project đang làm mưa làm gió trên Github trong lĩnh vực phát triển web

Nguồn: https://iainfreestone.hashnode.dev/10-trending-projects-on-github-for-web-developers-12th-march-2021. .

0 0 85