Flutter web đã chạy ổn định hơn từ flutter 2

Giới thiệu

Github có tính năng rất nay là góp các bạn chuyển website của bản thân mình lên hoàn toàn miễn tầm giá. Hôm mình bản thân đang lí giải các bạn bí quyết deploy 1 trang web Flutter lên Github nhé. Cùng bắt đầu thôi nào!

Các bước thực hiện

Để deploy 1 website flutter lên github. Đầu tiên bọn họ đề nghị sản xuất 1 repository trên github, tiếp đến chế tác 1 dự án công trình flutter với đẩy nó lên github.

Bạn đang xem: Flutter web đã chạy ổn định hơn từ flutter 2

Tạo repository Github

Ở Repository name mình vẫn điền đại 1 thương hiệu là demo_flutter_website với nhấn Create repository

*

Sau đó mình sẽ được dẫn đến links repository https://github.com/tiendung01023/demo_flutter_website. Các các bạn nhớ link github này nha, tý mình sẽ sử dụng tới

*

Xong phần khởi chế tạo ra repository git. Giờ bản thân mang lại phần flutter thôi.

Xem thêm: Tổng Hợp Những Bài Hát Dân Ca Hay Nhất Hiện Nay, Những Bài Hát Thuộc Thể Loại Nhạc Dân Ca

Tạo dự án công trình flutter

Các các bạn mnghỉ ngơi Terminal lên với tạo thành 1 project nha. Tại phía trên bản thân vẫn viết tên là demo_web

flutter create demo_webGiờ liên tiếp trên terminal, bản thân cd vô dự áncd demo_webVì giờ đồng hồ bản thân quyên tâm cho website, tạm thời bỏ qua sản phẩm điện thoại. Nên mình đã chạy lệnh build trên chrome xem website chạy xe trên local sẽ như thế nào ha

*

Chạy demo chấm dứt chúng ta nhấn Ctrl + C bên trên Windows hoặc control + C bên trên MacOS để dừng lại demo.

Lưu ý: khi bạn muốn deploy web của mình lên github. quý khách hàng bắt buộc thêm tên repository vào file nhỏng sau:

-> Bạn mở tệp tin demo_web/web/index.html bởi bất cứ trình chỉnh sửa nào

-> Dự án github mình đặt là demo_flutter_website. Tại thẻ base các bạn sửa lại thành cùng nhận lưu lại lại

*

Tiếp theo tại terminal mình đang chạy câu lệnh build flutter phiên bản web

flutter build webSau lúc lệnh chạy kết thúc bạn sẽ thấy thêm thư mục demo_web/build/website. Quý khách hàng cd terminal đến thư mục này. Mình đã chỉ publish thư mục này lên git thôi nha.cd build/webGiờ mình upload thỏng mục này lên github. Các các bạn msống lại liên kết github repository sẽ có được phần lí giải nha, hoặc chúng ta chạy từng chiếc lệnh như mình làm cho dưới đây cũng đượcgit initgit add .git commit -m "first commit"git branch -M mastergit remote add origin :tiendung01023/demo_flutter_web.gitgit push -u origin masterSau khi chạy không còn các bạn lên repo github coi các file đã làm được upload lên chưa nha

*
Thế là đã xong xuôi phần tạo nên cùng upload dự án công trình flutter_website lên github. Về sau khi chúng ta viết thêm tác dụng cho dự án, bạn phải chạy lại câu lệnh build web và push data bắt đầu lên github nha.

Tạo page thử nghiệm website trên github

Vào link github. Chọn tab Settings, xuống mục Pages

*

Trong Github Pages, các bạn lựa chọn nhánh mà mong muốn hiển thị trang web, hiện nay của bản thân thì chọn master nha. Sau đó dấn Save

*

Như hình bên trên Github báo đã tạo thành thành công xuất sắc website Your site is published at https://tiendung01023.github.io/demo_flutter_web/. Bạn nhấp chuột liên kết kia giúp thấy thành quả nha

Kết thúc

Hi vọng qua nội dung bài viết của chính bản thân mình sẽ giúp đỡ bạn sáng tạo thêm 1 số trò với flutter web này nha

link tải 567 live app | W88Vuive | F8bet|xo so ket qua| tải app qqlive apk | jun88