Biến Google Drive thành nơi lưu trữ HTML, CSS và JavaScript

Là một người hay nghịch web và muốn chia sẻ kiến thức với mọi người nên tôi khá đau đầu về vấn đề hosting. Đã từng sử dụng host của Việt Nam, nhưng vấn đề rất hay gặp là tình trạng truy cập chậm hoặc không thể truy cập - trong khi blog của tôi có lượng người xem khá lớn.

Tôi cũng nghĩ đến giải pháp mua host nước ngoài, nhưng hiện điều kiện chưa cho phép - thế nhưng rất mừng rỡ là tôi mới phát hiện một giải pháp hoàn toàn miễn phí, cắt hẳn những lo lắng của chúng ta về vấn đề hosting.

Đó là sử dụng Google Drive.

Có lẽ bạn bất ngờ, vâng tôi cũng bất ngờ, trước tôi chỉ nghĩ Google cho phép lưu trữ và xem trực tiếp các file phổ thông như Docs, Excel - nhưng quả thực là giờ họ đã chấp nhận HTML, CSS và cả JacaScript host trên máy chủ của họ và có thể xem trực tiếp cũng như nhúng vào trang web. Và với Google Drive bạn không phải cảm thấy bất an về vấn đề chậm hay quá tải vì hệ thống Server của Google là cực kỳ khủng.

Tiếp theo là cách làm cụ thể, đầu tiên bạn vào Google Drive tạo một thư mục với tính năng chia sẻ với tất cả mọi người...

Bước 1: Tạo thư mục rồi đặt tên cho nó

Bước 2: Nhấn vào thư mục để một mũi tên nhỏ hiện ra - sau đó click vào mũi tên nhỏ đó

Bước 3: Nhấn vào Chia sẻ

 Theo mặc định thư mục bạn tạo sẽ ở chế độ riêng tư:

Nhưng vì bạn cần chia sẻ các file trong thư mục này để ai cũng có thể xem được nên chúng ta cần thay đổi chế độ riêng tư về Public - Công khai trên web.

Giờ giả dụ bạn muốn up một file HTML có nhúng cả CSS trong đó thì đầu tiên, bạn up file đó như bình thường vào thư mục MyCode ở trên (file đó theo mặc định cũng được chia sẻ cho tất cả mọi người giống thư mục chứa nó).

Tôi đã up 2 file lên thư mục MyCode:

Giờ để lấy liên kết xem trực tiếp bạn nhấn vào file đó, rồi nhấn tiếp vào chia sẻ, một khung sau hiện ra:

Bạn copy đoạn link Liên kết để chia sẻ, nó có dạng như thế này:

https://docs.google.com/file/d/0BxKUKf8tfKupYmlPcnBURjdzVlE/edit?usp=sharing

Bạn chỉ cần chú ý dòng màu đỏ, copy đoạn đó và đưa nó vào URL sau:

https://googledrive.com/host/0BxKUKf8tfKupYmlPcnBURjdzVlE/

Vậy là xong, bạn thử truy cập liên kết này xem: https://googledrive.com/host/0BxKUKf8tfKupYmlPcnBURjdzVlE/

Nó sẽ cho ra một trang giống y như là trang bạn up lên hosting có phí vậy.

Chú ý là bạn không cần thêm đuôi .html, .css hay .js đằng sau tên file, bạn cứ để nguyên địa chỉ của nó như vậy là được.

Kiểm thử xem byethost.com có chịu nổi WordPress không?

Mấy ngày hôm nay Blog Mạng Lưới Toàn Cầu cố tìm thử xem có dịch vụ hosting miễn phí nào mà chơi WordPress ngon không. Vì dự định của mình là định giới thiệu cách để có một trang web miễn phí 100% từ tên miền, hosting đến thiết kế.

Nếu để học trỏ tên miền về host rồi luyện code đưa lên mây thì với cặp đôi hoàn hảo dot.tk và 000webhost mình thấy chạy rất ổn. Hồi xưa đi học mình đã thực hiện nhiều bài tập demo với 2 bạn này, chạy phải nói là khá mượt.

Tuy nhiên khi mình check thử với WordPress thì thấy 000webhost khá chậm, hay bị quá tải - nhất là lúc nửa đêm - thời gian mà dân công nghệ lại hay hì hục cày cuốc, nên hôm nay quyết định thử đăng ký byethost.com xem có khá khẩm hơn không.

Byethost.com thì cũng không lạ với anh em nào hay tìm hosting miễn phí, cách đăng ký rất đơn giản nên mình không hướng dẫn nữa. Còn về phần cài đặt mã nguồn WordPress thì bạn xem lại bài viết này là được - cũng dễ để thực hiện thôi. Lúc mình gõ mấy dòng này cũng là lúc mình đang tiến hành up WordPress lên host của Byethost thông qua FileZilla. Đợi khoảng 5 phút nữa là up xong...có vẻ nó cũng hơi chậm :( Rồi, Ok, mình bắt đầu check...

Kết quả khá tốt, nhanh hơn 000webhost khá nhiều và không bị đơ.

Tất nhiên mình sẽ kiểm tra nó lâu dài xem thế nào nữa. Nhưng trước mắt chúng ra đã tìm được nơi để chạy WordPress. Cảm ơn byethost.com

Hướng dẫn cách up website lên 000webhost bằng FileZilla

Sau khi đăng ký hosting miễn phí tại 000webhost - giờ là lúc bạn cần up website lên host.

Lấy thông tin mà 000webhost gửi cho bạn qua email để đăng nhập thông qua phần mềm FileZilla (Click vào hình minh họa để xem rõ hơn):

• Host bạn điền địa chỉ IP.
• Username: bạn điền username.
• Password: bạn điền pass  - hướng dẫn chi tiết gớm :))

Port bạn điền 21 hoặc để trống cũng được (chỉ riêng với FileZilla - còn các phần mềm khác có thể vẫn phải điền 21 vào phần Port thì mới kết nối được), rồi nhấn Quickconnect để kết nối vào Hosting.

Ở phần bên trái là thư mục các file mà bạn sẽ up lên host, còn bên phải là hosting, bạn phải up file vào thư mục có tên public_html.

Nhấn vào public_html bạn sẽ thấy 2 file - một là default.php và cái còn lại là .htaccess, bạn xóa file có tên default.php đi còn .htaccess thì giữ nguyên...

Nhấn Ctrl + A ở khu vực bên trái để chọn tất cả các file bạn cần up, rồi kéo nó sang phần bên phải ở trong thư mục public_html.

Rồi bạn ngồi đợi để nó up trang web của bạn lên host, trong quá trình đợi nhớ theo dõi để nếu có vấn đề gì thì khắc phục luôn. Như hình dưới cho thấy, đã up thành công và không trang nào up bị lỗi, nếu trang nào up bị lỗi nó sẽ thông báo, và bạn up lại trang đó là OK.

Giờ mình thử vào trang xem đã được chưa:

Như vậy là xong, mình đã up thành công lên 000webhost.

Xem thêm: Cách để có một trang web miễn phí 100%  

Hướng dẫn đăng ký hosting miễn phí 000webhost và trỏ tên miền .tk về hosting

Trong bài trước mình đã hướng dẫn các bạn cách đăng ký tên miền miễn phí .tk và trỏ nó về blog/web của bạn. Giờ Blog Mạng Lưới Toàn Cầu sẽ hướng dẫn bạn đăng ký hosting miễn phí rồi trỏ tên miền về hosting miễn phí này thay vì dùng nền tảng blog có sẵn. Nếu ai hỏi là cần hosting để làm gì? Thì mình xin trả lời luôn, nếu bạn muốn "nghịch" web nhiều hơn thì cần phải có hosting riêng với quyền quản trị cao nhất, chẳng hạn bạn muốn cài WordPress với nhiều Plugin cho trang web, hay khi muốn tự code cho trang web, tất cả điều đó bạn không thể làm trên blog có sẵn được, hoặc có làm được thì cũng bị hạn chế rất nhiều.

Thông thường thì bạn sẽ phải mất tiền để mua hosting, nhưng có một số nhà cung cấp cho bạn miễn phí, chất lượng không bằng có phí được, tuy nhiên vì bạn chỉ dùng hosting này để thử nghiệm và học tập nên nó hoàn toàn chấp nhận được. Đăng ký hosting miễn phí cũng là một phần trong kế hoạch nhằm sở hữu một webiste miễn phí 100%.

Hiện mình thấy http://www.000webhost.com/ đang rất tốt - từ khi mình biết nó cách đây hơn 1 năm, thì đến nay dịch vụ này vẫn duy trì phong độ đỉnh cao vốn có và luôn nằm trong top 5 hosting miễn phí tốt nhất thế giới...

Dưới đây là thông số hosting miễn phí ta có tại 000webhost:

• Dung lượng lưu trữ: 1500 MB
• Băng thông: 100 GB/tháng
• Add-on Domains: 5 - có nghĩa là bạn có thể có cung lúc 5 tên miền khác nhau trên host này
• Sub-domains: 5 - nghĩa là bạn tạo được 5 tên miền con
• Địa chỉ E-mail : 5
• MySQL Databases: 2
• Backup dữ liệu: Có
• PHP: Có
• ...

Các con số trên là đủ mạnh để cho bạn yên tâm chạy website. Giờ chúng ta sẽ đăng ký ở trang này. Bạn nhấn SIGN UP để đăng ký. Đầu tiên là bạn cần lựa chọn tên miền mà bạn muốn trỏ tới hosting sắp đăng ký:

Ở đây có 2 lựa chọn, cái đầu tiên là nếu bạn có sẵn tên miền nào đó rồi, còn cái phía dưới là nếu bạn chưa có tên miền nào thì họ sẽ cung cấp cho bạn một tên miền miễn phí dạng ten-mien-cua-ban.net84.net. Dĩ nhiên vì bạn có sẵn tên miền miễn phí .tk khá đẹp rồi nên bạn sẽ chọn lựa cái đầu tiên (I want to host my own domain). Lưu ý là tên miền mà bạn điền vào phải là tên miền đã đăng ký rồi (tức là phải đăng ký tên miền miễn phí trước rồi mới đăng ký hosting miễn phí)

Điền tên miền miễn phí mà bạn đăng ký.

Tiếp đến bạn khai báo tên, email của bạn để họ gửi thông tin hosting...Bạn sẽ thấy thông tin này hiện ra khi đăng ký thành công:

Nó báo là đang đợi bạn xác minh qua email. Giờ thì bạn vào Email mà bạn đã đăng ký để check và làm theo hướng dẫn, nhớ kiểm tra cả hòm thư rác nữa nếu không thấy ở hòm thư chính. Bạn cần giữ lại mấy cái thư mà nó gửi, bởi vì ở đấy có các thông tin quan trọng liên quan đến IP hosting và tài khoản của bạn.

Roài. Bạn sẽ thấy một đống tiếng Anh trong thư - bạn tìm đến đoạn này:

*** General Account Details ***
Domain: mangluoitoancau.tk
IP Address: 31.170.160.79 <-------- Bạn chú ý thông tin này nhé - Xem ở email mà họ gửi
Username: a1892487
Password: ******

Giờ thì mình sẽ dùng những thông tin trên để cấu hình tên miền trỏ về hosting. Đầu tiên, bạn sẽ phải đăng nhập vào dot.tk, tiếp đến bạn vào khu vực Domain Panel, rồi nhấn vào tên miền .tk của bạn. Tiếp đến bạn thực hiện thay đổi như hình dưới đây (bạn chọn Dot TK DNS Service):

• Theo đó type A Record thì Host Name là tên miền ten-mien-cua-ban.tk, IP Address là IP bạn lấy ở phần General Account Details mà họ gửi qua mail cho bạn.
• Type CNAME Record thì Host Name là www.ten-mien-cua-ban.tk, IP Address là ten-mien-cua-ban.tk.
• Bạn nhấn Save Changes và đợi vài phút để nó cập nhật thành công rồi lên trình duyệt gõ tên miền của bạn nếu thấy hình như dưới đây nghĩa là bạn đã thành công:

Bạn sẽ thắc mắc thế còn mấy cái ns01.000webhost.com và ns02.000webhost.com mà họ gửi trong email dùng để làm gì?...Cái này là DNS, vì chúng ta đang ở tùy chọn DOT TK DNS Service tức là dùng DNS của Dot TK rồi nên không cần cái này nữa, còn nếu bạn ở tùy chọn Custom DNS thì mới phải dùng 2 thông số trên.

Để up web lên host bạn dùng phần mềm FTP như là FileZilla, bạn cần các thông tin liên quan đến FTP mà 000webhost gửi cho bạn, nó chính là đoạn này:

*** File Upload Details ***
FTP Hostname: ftp.mangluoitoancau.tk or 31.170.160.79
FTP Username: a1892487
FTP Passsword: ******

Xem thêm:

• Kết hợp nền tảng blog miễn phí với hosting có phí
• Hướng dẫn cài WordPress lên 000webhost

P/S: Bạn cần tìm nhà cung cấp hosting miễn phí uy tín, từ khóa bạn nên nhớ là Best Free Hosting. Nói chung theo thời gian thì mọi thứ đều thay đổi, dịch vụ hosting miễn phí mình giới thiệu với bạn bây giờ có thể đang rất tốt, nhưng đến khi bạn đọc bài này có thể nó không còn tốt ở mức top nữa. Vì cách đăng ký, cũng như cách trỏ thì nó na ná nhau thôi, nên quan trọng là mình phải tìm được nhà cung cấp kha khá.