1. Chuẩn bị
Đăng ký tài khoản
trên trang Heroku theo link: https://signup.heroku.com/
Đảm bảo trên máy
tính của mình đã cài đặt git (Nếu chưa thì vào link sau để cài đặt lên máy: https://git-scm.com/downloads )
→ Sau khi cài xong
vào CMD (trên máy Window) hoặc Terminal (trên máy Mac hoăc Ubuntu) và gõ lệnh git --version
để kiểm tra, kết quả:
Cài đặt Heroku CLI
theo link: https://devcenter.heroku.com/articles/heroku-cli
→ Cài đặt xong kiểm
tra bằng CMD hoặc Terminal bằng lệnh:
heroku
--v và
kết quả:
2. Tạo app trên Heroku
Trên trình duyệt vào
trang dashboard của heroku: https://dashboard.heroku.com/apps
Chọn button New và
Create new app
Sau đó điền thông
tin của web vào ( tên mà minh muốn tạo). Ví dụ ở đây đặt tên: fptaptech. Sau đó
nhấn vào Create app
Sau khi tạo xong sẽ
có 1 web theo đường dẫn: <tên_app>.herokuapp.com/
3. Đưa các tệp tin của mình lên web trên heroku
Khi đã có app ở bước
2, tức là mình đã có 1 website cho riêng mình trên Heroku. Giờ cần tìm cách đưa
các tập tin web mình muốn lên đó. Vì vậy cần dùng heroku cli và git để đưa lên.
Tạo 1 new folder
trên máy tính để đồng bộ và kết nối với web trên heroku. Ví dụ ở đây tạo 1
folder tên là FptAptech trên desktop
Giờ chúng ta sẽ trỏ
CMD hoặc Terminal vào trong folder này bằng lệnh: cd <đường dẫn trong máy
tính>/FptAptech
→ phải đảm bảo có đường
dẫn trong CMD hoặc Terminal như hình:
Dùng lệnh sau để
login Heroku trên CMD (Terminal): heroku login
Chương trình sẽ hỏi:
heroku: Press any key to open up the browser to login or q to exit: → thì nhấn phím bất kỳ để login trên trình
duyệt (lưu ý nếu nhấn Q sẽ thoát) nên tốt nhất nhấn phím Enter
Sau khi login trên trình duyệt, CMD hoặc Terminal sẽ hiển thị
như sau:
→ Lưu ý: nếu làm lần đầu thì có thể sẽ yêu cầu login trên
trình duyệt và có thể bị quá hạn login nên nếu chưa hiển thị như trên ( tài khoản
của mình) thì chạy lại lệnh heroku login lần nữa
Chạy lệnh sau để khởi tạo git: git init
Chạy lệnh sau để đồng bộ folder trên máy mình với web trên
heroku:
heroku git:remote -a
fptaptech
→ Chú ý: chỗ fptaptech
là tên app, nhớ thay bằng tên app mình đã tạo.
→ Sau bước này coi như
đã kết nối được web trên heroku với folder trên máy tính.
Thêm tệp tin sau vào
trong folder trên máy tính < tệp tin index.php đính kèm>
Sau đó thêm 1 file
home.html ( có thể cho nội dung bất kỳ) trong thư mục.
Các bước sau sẽ đươc
làm đi làm lại nhiều lần mỗi khi có sự thay đổi gì đó trong folder trên máy
mình ( nếu muốn đẩy lên lại Heroku)
git add .
git commit -am "make it better"
git push heroku master
→ Lưu ý là giờ chỉ cần
làm trong thư mục trên ở máy tính mình, khi viết thêm tệp tin hoặc chỉnh sửa gì
đó, chỉ cần làm 3 lệnh ở trên là được.
Xem lại web của mình vào link mà heroku cung cấp:
<tên_app>.herokuapp.com
Ví dụ ở đây là link:
https://fptaptech.herokuapp.com
Ở trên là cách làm sử dụng CMD hoặc Terminal, nếu có sử
dụng 1 số tool khác như WebStorm thì ở bước 3, thay vì sử dụng CMD hoặc
Terminal, có thể sử dụng ngay chức năng Terminal của tool.
Mở Webstorm và open
thư mục vừa tạo
2. Sau đó mở và sử dụng
Terminal phía dưới
Lợi ích của dùng tool này là nó đã trỏ sẵn cho mình vào
thư mục, sao đó chỉ việc tạo các tệp tin cần thiết là làm 3 bước để đẩy lên
Heroku
CodeLean.vn
Facebook: CodeLean Community
Đăng nhận xét