Hiện tại GitHub đã hỗ trợ 1 tool gh-pages dùng để bạn publish 1 static web lên trên GitHub. Cái này rất tiện nếu bạn muốn làm những bản demo cho khách hàng xem và không muốn mua 1 con server riêng để deploy và mất phí duy trì. Bạn có thể xài account free của GitHub để làm việc này luôn.
Sau đó bạn mở file 'package.json' lên thêm giá trị 'homepage' và 2 đoạn script 'predeploy' và 'deploy' bằng gh-pages như hình sau:
Để demo tool này cách xài như thế nào mình xin dùng 1 free template 'paper-dashboard-react' bạn có thể dùng bất kỳ free template nào có sẵn trên mạng về xài và sửa chúng lại.
Bạn mở terminal lên và di chuyển đến folder chứa file 'package.json', cài tool gh-pages theo chế độ development như sau:
npm install gh-pages --save-dev
Sau đó bạn mở file 'package.json' lên thêm giá trị 'homepage' và 2 đoạn script 'predeploy' và 'deploy' bằng gh-pages như hình sau:
Bạn mở file public/index.html và sửa lại chỗ 'manifest':
Sau khi sửa xong hết những chỗ này và giờ bạn muốn deploy thì chỉ cần chạy đoạn script sau:
Khi bạn chạy lần đầu tiên máy sẽ hỏi để bạn nhập username & password của GitHub, bạn hãy nhập đúng thông tin của bạn thì sẽ deploy lên branch 'gh-pages'. Ví dụ mình đã deploy thành công tại đây https://congpc.github.io/paper-dashboard-react/#/dashboard
Sau khi sửa xong hết những chỗ này và giờ bạn muốn deploy thì chỉ cần chạy đoạn script sau:
npm run deploy
Khi bạn chạy lần đầu tiên máy sẽ hỏi để bạn nhập username & password của GitHub, bạn hãy nhập đúng thông tin của bạn thì sẽ deploy lên branch 'gh-pages'. Ví dụ mình đã deploy thành công tại đây https://congpc.github.io/paper-dashboard-react/#/dashboard
Comments
Post a Comment