MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Bản dịch này chưa hoàn thành. Xin hãy giúp dịch bài viết này từ tiếng Anh.

Sau khi bạn hoàn thành việc viết code và sắp xếp các file trong website của bạn, việc cuối cùng bạn phải làm là đưa nó lên mạng. Bài viết này sẽ cho bạn một cái nhìn cơ bản về những cách đơn giản nhất để làm điều đó.

Bạn có những tùy chọn nào?

Xuất bản một trang web không phải là một điều đơn giản, chủ yếu bởi vì có quá nhiều cách để thực hiện nó. Trong bài viết này, chúng tôi không hướng tới việc nêu ra hết tất cả các phương thức hiện có. Thay vào đó, chúng tối sẽ bàn luận về điểm mạnh và điểm yếu của của 3 phương thức phổ biến nhất từ góc nhìn của một người mới bắt đầu viết web, và hướng bạn đến với phương thức phù hợp nhất hiện tại với bạn.

Mua một dịch vụ hosting và tên miền

Nếu bạn muốn toàn quyền điều khiển trang web mà bạn muốn xuất bản, thì bạn có thể cần phải trả tiền để mua những thứ sau:

  • Hosting — một không gian lưu trử bạn thuê trên máy chủ của một công ty nào đó . Bạn đặt những file của mình trên đó, và máy chủ sẽ phục vụ những người dùng mạng yêu cầu những file đó - ở đây là trang web của bạn.
  • Một tên miền — một địa chỉ độc nhất nơi người ta có thể tìm đến trang web của bạn, như http://www.mozilla.org, hoặc http://www.bbc.co.uk. Bạn có thuể thuê tên miền trong vài năm từ một Nhà đăng ký tên miền.

Rất nhiều trang web chuyên nghiệp đã được đưa lên mạng qua phương pháp đó.

Thêm vào đó, bạn sẽ cẩn một phần mềm truyền tập tin FTP (xem How much does it cost: software để biết chi tiết) để thật sự truyền những file của trang web đến máy chủ. Những phần mềm FPT rất khác biệt nhau, nhưng nói chung bạn phải đăng nhập vào máy chủ của bạn bằng những thông tin được công ty hosting cung cấp (VD: username, password, host name). Sau đó phần mềm sẽ hiển thị những file cục bộ trên máy tính của bạn và những file trên máy chủ trong hua cửa sổ riêng biệt để bạn có thể trao đổi file qua lại giữa chúng:

Mẹo để tìm dịch vụ hosting và tên miền

  • Chúng tôi sẽ không đề cử công ty thương mại nào ở đây. Để tìm công ty hosting và nhà đăng ký tên miền, cứ google "web hosting" và "domain names" để tìm họ. Tất cả công ty đó sẽ có những tính năng cho phép bạn tìm tên miền mà bạn muốn.
  • Công ty cung cấp mạng cho nhà hoặc văn phòng của bạn có thể cung cấp cho bạn một số dịch vụ hosting giới hạn cho một website nhỏ. Chúng sẽ thiếu rất nhiều tính năng, nhưng lại có thể là dịch vụ hoàn hảo cho những thí nghiệm đầu tay của bạn — hãy cứ liên hệ với họ và hỏi!
  • Có một số dịch vụ miễn phí như Neocities, Blogspot, và Wordpress. Nhắc lại lần nữa, bạn chỉ lấy được lại những gì bạn đã cho đi, nhưng chúng rất là lý tưởng cho những thí nghiệm ban đầu của bạn. Những dịch vụ miễn phí hầu hết không yêu cầu một phần mềm FPT để upload dữ liệu — bạn có thể chỉ cần kéo thả một cách đơn giản trên trang web là được.
  • Một số công ty cung cấp cả hosting và tên miền trong một gói dịch vụ.

Sử dụng một số công cụ trực tuyến như GitHub và Dropbox

Một số công cụ cho phép bạn xuất bản trang web trực tuyến:

  • GitHub là một trang "mạng xã hội lập trình". Nó cho phép bạn tải kho mã nguồn lên để lưu trữ trên hệ thống kiểm soát phiên bản Git. Sau đó bạn có thể làm việc trên dự án của mình, và hệ thống mặc định là mã nguồn mở, nghĩa là bất cứ ai trên thế giới có thể tìm thấy GitHub của bạn, sử dụng nó, học từ nó và cải thiện nó. Bạn cũng có thể làm điều đó với mã nguồn của người khác! Đây là một cộng đồng rất quan trọng và hữu dụng để tham gia vào, và Git/GitHub là một hệ thống kiểm soát phiên bản rất phổ biến— Hầu hết các công ty công nghệ sử dụng nó trong quy trình làm việc của họ. GitHub có một tính năng rất hữu dụng gọi là GitHub pages, cho phép bạn có một trang web trực tuyến trên mạng.
  • Dropbox là một hệ thống lưu trữ cho phép bạn lưu dữ liệu trên mạng và truy cập chúng từ bất cứ đâu. Bất kỳ ai có kết nối Internet có thể truy cập thư mục Dropbox công cộng của bạn. Nếu thư mục đó chứa trang web, nó sẽ được hiển thị dưới dạng trang web một cách tự động. Xem Host websites With Dropbox để biết thêm thông tin.

Không như hầu hết các dịch vụ hosting, những công cụ này hoàn toàn miễn phí, nhưng bạn sẽ chỉ có được một số giới hạn những tính năng.

Sử dụng một web-based IDE như Thimble

Có một số ứng dụng web có thể giả lập một môi trường phát triển web, cho phép bạn nhập vào HTML, CSS và JavaScript sau đó hiển thị kết quả của những dòng code thành một trang web — tất cả trong một tab của trình duyệt! Nói chung những công cụ này đều dễ dùng, rất tốt cho việc học, và hoàn toàn miễn phí (cho những tính năng cơ bản), và họ có thể host trang web của bạn ở một địa chỉ độc nhất. Tuy nhiên, các tính năng cơ bản rất là giới hạn, và chúng thường không cung cấp hosting cho assets (như ảnh,...).

Hãy thử những công cụ sau đây, và chọn thứ phù hợp với mình nhất:

Xuất bản qua GitHub

Bây giờ chúng tôi sẽ hướng dẫn bạn cách xuất bản trang web qua GitHub. Chúng tôi không cho rằng đây là cách duy nhất hay tốt nhất để xuất bản trang web của bạn, nhưng nó hoàn toàn miễn phí, khá đơn giản, và cho bạn một số kỹ năng hữu dụng cho tương lai.

Thiết lập cơ bản

  1. Đầu tiên, cài Git lên máy tính của bạn. Đây là phần mềm quản lý phiên bản mà GitHub dựa trên để hoạt động.
  2. Tiếp theo, đăng ký một tài khoản GitHub. Nó rất đơn giản  và dễ dàng.
  3. Sau khi đăng ký được tài khoản, đăng nhập vào github.com.
  4. Tiếp theo, bạn cần tạo một repo mới cho những file của mình. Click dấu cộng (+) trên góc trên bên phải của trang chủ GitHub, rồi chọn New Repository.
  5. Trên trang này, trong hộp thoại Repository name, gõ username.github.io, với username là tên đăng nhập của bạn. Lấy ví dụ, bobsmith sẽ nhập bobsmith.github.io.
  6. Click Create repository; this should bring you to the following page:

Tải file lên GitHub

Đây là nơi chúng ta sẽ dùng cửa sổ dòng lệnh để đưa repo của chúng ta lên GitHub. Một cửa sổ dòng lệnh là một cửa sổ để chúng ta gõ vào những dòng lệnh để làm những việc như tạo file và chạy phần mềm, chứ không phải nhấn vào những nút trên một phần mềm bình thường. Nó sẽ giống như thế này:

Ghi chú: Bạn cũng có thể dùng Giao diện đồ họa cho người dùng của Git để làm việc nếu bạn thấy không thoải mái với những dòng lệnh.

Bất cứ hệ điều hành nào đều đi kèm với một công cụ dòng lệnh:

  • Windows: Command Prompt có thể truy cập bằng cách nhấn phím Windows, và gõ vào Command Prompt, và chọn nó từ danh sách phần mềm hiện ra. Chú ý rằng những dòng lệnh của Windows rất khác so với Mac và Linux nên những dòng lệnh bên dưới có thể khác biệt với thiết bị của bạn
  • OS X: Terminal có thể tìm trong Applications > Utilities.
  • Linux: thường thì bạn có thể bật terminal với tổ hợp phím Ctrl + Alt + T. Nếu cách đó không được bạn có thể tìm nó trong menu phần mềm.

Những thứ này có thể hù bạn một chút, nhưng đừng lo — bạn sẽ sớm nắm được căn bản thôi. Bạn yêu cầu máy tính làm gì đó trong terminal bằng cách gõ một dòng lệnh và nhấn Enter.

  1. Hướng con trỏ dòng lệnh đến thư mục test-site của bạn (hay bất cứ cái tên nào khác mà bạn thích cho thư mục chứa trang web của bạn). Để làm điều này, sử dụng lệnh cd (i.e. "change directory"). Đây là những gì bạn sẽ phả gõ nếu bạn đặt trang web của mình trong một thư mục gọi test-site:
    cd Desktop/test-site
  2. Khi đã xong việc trên, gõ tiếp những dòng sau, chúng sẽ yêu cầu git biến thư mục này thành một git repo:
    git init
  3. Tiếp theo, quay trở lại trang GitHub. Trên trang đó hãy chú ý tới tùy chọn …or push an existing repository from the command line. Bạn sẽ thấy hai dòng lệnh ở trong đó. Copy dòng thứ nhất, dán nó vào cửa sổ dòng lệnh và nhấn Enter. Dòng lệnh đó nên trông tương tự như thế này:
    git remote add origin https://github.com/bobsmith/bobsmith.github.io.git
  4. Tiếp theo gõ 2 dòng lệnh này vào, và nhớ nhấn Enter sau mỗi dòng. Đây là đễ chuẩn bị cho việc tải file lên GitHub, và yêu cầu Git quản lý nhũng file đó.
    git add --all
    git commit -m 'adding my files to my repository'
  5. Cuối cùng, đẩy mã nguồn lên GitHub bằng cách truy cập GitHub hồi nãy và nhập vào terminal dòn lệnh thứ 2 bạn đã thấy trong Buớc 3:
    git push -u origin master
  6. Bây giờ khi bạn truy cập vào trang GitHub của mình trong trình duyệt (username.github.io), bạn nên nhìn thấy trang web của mình trực tuyến! Hãy chia sẽ chúng với bạn bè của mình nào!

Ghi chú: Nếu bạn mắc kẹt, trang chủ của GitHub Pages có thể sẽ giúp bạn giải quyết rắc rối.

Thêm một số kiến thức về GitHub

Nếu bạn muốn thay đổi thêm trang thử nghiệm của bạn và tải lên GitHub, bạn chỉ cần đơn giản thay đổi những file mà bạn đã tải lên trước đây. Sau đó, nhập vào những dòng lệnh sau để đẩy những thay đổi đó lên GitHub:

git add --all
git commit -m 'another commit'
git push

Bạn có thể thay another commit bằng một tin nhắn phù hợp hơn để diễn tả thay đổi mà bạn vừa thực hiện.

Chúng ta chỉ mới lướt qua phần bề mặt của Git. Để tìm hiểu thêm, hãy truy cập trang GitHub Help site.

Kết luận

Tới thời điểm này, bạn đã có một trang web mẫu trên một địa chỉ độc nhất. Chúc mừng bạn.

Tìm hiểu thêm

Document Tags and Contributors

 Những người đóng góp cho trang này: chotmat
 Cập nhật lần cuối bởi: chotmat,