Tạo một trang web sử dụng Google Drive làm nơi lưu trữ

32 Likes comments off

Trang web trong bài này được tạo ra và lưu trữ trên Google Drive chỉ hoạt động với web front-end (có thể được tạo bằng các front-end Framework như ReactJS, AngularJS,… sao cho sau khi build cơ bản chỉ chứa HTML, CSS, JS), không thể chạy các web viết bằng ngôn ngữ back-end như PHP, C#,…

Ngoài Google Drive, các bạn còn có thể sử dụng các dịch vụ lưu trữ khác như Dropbox, OneDrive, Github, Box, Mediafire,… Chỉ cần tốn chưa đến 3 phút thao tác, trang web đã có thể sử dụng.

Bước 1:

Tạo source code web của bạn. Ngoài việc code chay bằng tay file HTML, CSS, JS, các bạn có thể sử dụng các front-end Framework để tạo.

Dưới đây là ví dụ một file index.html đơn giản:

<!DOCTYPE html>
<html>
  <head>
    <title>My Static Website</title>
  </head>
  <body>
    <h1>My Static Website</h1>
    <p>
      Hello, I'm online, and everyone can see me!
    </p>
  </body>
</html>

Bước 2:

Truy cập vào trang chủ Fast.io: https://fast.io/. Tạo một tài khoản hoàn toàn miễn phí bằng cách nhấn vào nút “Sign up now – it’s free!”.

Bước 3:

Lựa chọn dịch vụ lưu trữ đám mây là Google Drive.

Các bạn có thể thêm trang web với dịch vụ lưu trữ khác sau này bằng cách vào trang tài khoản cá nhân.

Các bước tiếp theo là thực hiện kết nối đến tài khoản Google Drive làm tài khoản lưu trữ web, uỷ quyền cho Fast.io có thể quản lý file.

Tiếp đến là phần nhập password cho tài khoản Fast.io của bạn, sau đó nhấn “Create Account”.

Tạo tài khoản Fast.io đã hoàn thành. Nhấn vào “Let’s begin!” để tiếp tục sang phần tạo website.

Bước 4:

Nhấn vào “Add New Site” để tạo trang web.

Chọn tên website và nhấn “Next”.

Tiếp theo lựa chọn “Web Pages” cho mục đích lưu trữ trang web của các bạn. Ngoài ra các bạn còn có các lựa chọn khác như tạo direct link, tạo trình duyệt file,…

Sau khi nhấn vào “Web Pages”, các bạn lựa chọn dịch vụ lưu trữ là Google Drive.

Tiếp đến lựa chọn tên miền cho trang web.

Trang web của bạn đã được tạo thành công, url là [tên miền].imfast.io.

Bước 5:

Upload source code lên Google Drive: Các bạn mở Google Drive của mình, sau đó vào thư mục Fast.io, bên trong là thư mục website của bạn: [tên miền].imfast.io.

Sau đó up toàn bộ source code của trang web lên, trong trường hợp này là file index.html.

Bước 6:

Trang web của bạn đã có thể sử dụng. Nếu thích thì có thể thêm Google Analystics, thay đổi tên miền sang tenmiencuatui.com chẳng hạn.

Tóm lại chỉ có các bước sau: Tạo tài khoản Fast.io -> Kết nối đến Google Drive -> Lựa chọn tên, url trang web -> Upload source code là xong.

Các bạn có thể xem ngay demo dưới đây, source code lấy từ bài viết: Source code ứng dụng To-Do sử dụng ReactJs

Nguồn: https://www.freecodecamp.org/news/how-to-deploy-a-static-website-for-free-in-only-3-minutes-with-google-drive/

Facebook Comments

You might like

About the Author: Sharescript.net