Cài đặt localhost với XAMPP để tạo website ngay trên máy tính

Sử dụng StableHost Coupon - Nhận ưu đãi khủng
Làm website WordPress trên localhost

Cài đặt XAMPP giúp bạn làm website WordPress ngay trên máy tính (localhost), không cần internet, không cần hosting, tên miền. Test chạy thử website một cách dễ dàng.

Localhost là gì?

Localhost là môi trường máy chủ ảo (server ảo) ngay trên chiếc máy tính của bạn (laptop, desktop).
Hiểu đơn giản: localhost giúp tạo website miễn phí ngay trên máy tính mà không cần internet, chưa cần phải mua hosting vội.

Tác dụng của localhost

Với website mới, mình rất hay sử dụng localhost để tạo website trước.
Tại sao ư?

  • Làm website không cần internet, chưa cần mua hosting vội (tất nhiên nếu cần tải plugin, hoặc load các thư viện, nội dung từ internet thì phải có internet).
  • Kiểm tra được lỗi phát sinh, test hoạt động và tính năng của giao diện, plugin v.v… trước khi đưa website lên host thật.
  • Tạo nội dung đẹp mắt, hoàn chỉnh trên localhost trước khi đưa lên website để người dùng hoặc Google đọc.

Nói chung bạn nên làm website ít nhất “sơ sơ” hoàn chỉnh trên localhost trước, sau đó mới đưa website lên internet (public website).

Lưu ý trước khi cài đặt localhost

Tắt phần mềm chiếm cổng localhost

Một số phần mềm như Skype, TeamViewer, uTorrent v.v…
có thể chiếm mất cổng cần thiết để chạy localhost.

Bạn nên tắt chúng trước khi cài đặt localhost hoặc chạy localhost.

Tắt phần mềm diệt virus hoặc tường lửa.

Đây có thể là lý do làm các cổng cần thiết của localhost bị chặn.
Hãy thêm phần mềm XAMPP (bên dưới) vào ngoại lệ của tường lửa.
Hoặc tắt phần mềm diệt virus và tường lửa đi.

Tắt UAC của Windows

Tắt UAC (User Account Control) của Windows.
Với Windows 7, vào Start gõ User Account Control > Change User Account Control settings > kéo mức thấp nhất > OK > Khởi động lại máy.

Tắt UAC - User Account Control
Tắt UAC – User Account Control

Nếu vẫn chưa biết tắt, search “tắt uac” là có hướng dẫn.

Cách cài đặt localhost với XAMPP

Có nhiều phần mềm hỗ trợ tạo máy chủ ảo trên máy tính như:
XAMPP, EasyPHP, WampServer, LAMP v.v…

Các phần mềm này đóng gói mọi module cần thiết (như Apache, MySQL v.v…) để giúp bạn tạo website WordPress.
Nhưng mình hay sử dụng XAMPP nên bài này mình sẽ hướng dẫn cài đặt XAMPP để tạo localhost.

Download XAMPP

Lên google gõ: download xampp sẽ ra trang chủ download ngay.

Download XAMPP để cài đặt localhost
Download XAMPP để cài đặt localhost

Cài đặt XAMPP

+ Sau khi download về máy tính, click đúp vào file cài đặt để cài XAMPP.
Việc của bạn làm bấm Next thôi.

+ Đến phần Installation folder bạn hãy chú ý.
Nên thay đổi thư mục cài đặt XAMPP về ổ chứa dữ liệu, khác ổ cài Windows (ổ C).
Để sau này cài lại Windows thì dự án, dữ liệu website vẫn còn.
Như hình, mình thay đổi từ C:\xampp thành D:\xampp.
Bạn xem ổ dữ liệu của bạn là ổ gì thì thay tương tự.
Sau đó bấm Next:

Cài đặt XAMPP - Chọn thư mục cài đặt XAMPP
Cài đặt XAMPP – Chọn thư mục cài đặt XAMPP

+ Cứ bấm Next liên tục, nếu có hiện ra bảng này thì chọn như hình, rồi Allow access:

Cài đặt XAMPP - Cho phép tường lửa
Cài đặt XAMPP – Cho phép tường lửa

+ Bấm Finish để hoàn thành cài đặt XAMPP:

Cài đặt XAMPP - Hoàn thành cài đặt
Cài đặt XAMPP – Hoàn thành cài đặt

+ Chọn ngôn ngữ tiếng Anh cho XAMPP:

Chọn ngôn ngữ cho XAMPP
Chọn ngôn ngữ cho XAMPP

Khởi động XAMPP bật localhost

Khi XAMPP khởi động bạn cần bật 2 module quan trọng nhất là: ApacheMySQL.
Lần lượt bấm vào 2 nút Start ở cột Actions của 2 module trên.
Nếu hiện thông báo tường lửa thì cũng chọn như trên, rồi Allow access:

Khởi động XAMPP - bật module và cho phép tường lửa
Khởi động XAMPP – bật module và cho phép tường lửa

Làm sao cuối cùng phải hiện nền xanh ở module Apache và MySQL là được:

Bật module thành công để tạo localhost
Bật module thành công để tạo localhost

Tạo thư mục riêng cho các dự án website WordPress

Bây giờ bạn đã có thể làm website WordPress trên localhost,
bằng cách giải nén mã nguồn vào thư mục htdocs trong thư mục xampp.
Theo bài hướng dẫn này là D:\xampp\htdocs
Đây được coi là thư mục gốc của website.

Nhưng để việc quản lý website trên localhost dễ dàng,
mình thường tạo thêm 1 thư mục bất kỳ (VD: all) trong thư mục htdocs.
Sau đó mỗi dự án website lại được tạo trong thư mục all này.
Ví dụ cấp thư mục của mình: D:\xampp\htdocs\all\lamwebdeot.com.

Tạo thư mục dự án website riêng
Tạo thư mục dự án website riêng
Tạo thư mục dự án website riêng
Tạo thư mục dự án website riêng

Tất nhiên việc tổ chức thế này là không bắt buộc.

+ Và “tên miền” để truy cập website trên localhost lúc này sẽ là: http://localhost/all/lamwebdeot.com.

Truy cập website trên localhost
Truy cập website trên localhost

(bạn thay lamwebdeot.com thành tên thư mục bạn tạo)
Dĩ nhiên là website trên localhost thì chỉ mình bạn mới xem được.

Video hướng dẫn cài đặt localhost

Hãy like và chia sẻ cổ vũ chúng tôi.
Đăng ký kênh YouTube Làm Web Dễ Ợt để xem video hay nhất về làm web WordPress, marketing và kiếm tiền online.

Bình luận cho sôi nổi nào!

avatar
  Subscribe  
Thông báo