![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592975.jpg)
Khi phát triển một trang web, một nhà thiết kế web cần có khả năng xem các trang web của mình giống như cách người dùng cuối sẽ làm. Đôi khi chỉ cần nhấp vào và xem các tệp HTML của bạn trong trình duyệt web là đủ, nhưng nếu bạn muốn kiểm tra nội dung động, bạn sẽ cần thiết lập một máy chủ web cục bộ. Việc này khá đơn giản và có thể dễ dàng thực hiện được trên Windows, macOS và Linux. Có nhiều loại máy chủ web có sẵn, nhưng chúng tôi sử dụng Apache trong hướng dẫn này, vì đây là máy chủ phổ biến nhất, rất dễ thiết lập và tương thích với tất cả các hệ điều hành chính.
Thiết lập máy chủ web cục bộ trên Linux
Apache được thiết kế cho các hệ điều hành giống Unix. Linux thuộc danh mục này và việc cài đặt và cấu hình máy chủ web Apache có thể được thực hiện trong một bước.
Ở đây chúng ta giải quyết bằng dòng lệnh. Hầu hết các bản phân phối phổ biến đều cho phép bạn cài đặt Apache mà không cần biên dịch nó từ nguồn bằng một lệnh đơn giản.
Đối với bản phân phối dựa trên Debian, Ubuntu và Ubuntu:
sudo apt install apache2
Đối với Red Hat và CentOS
sudo dnf install httpd
Sau khi cài đặt, điều hướng trong trình duyệt web của bạn đến “127.0.0.1” hoặc “localhost”. Nếu nó hiển thị "Nó hoạt động!" điều đó có nghĩa là cài đặt Apache của bạn thành công.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592912.jpg)
Để hiểu rõ hơn về cách Apache đang phân phát trang web cụ thể này, hãy cùng chỉnh sửa nó. Để thực hiện việc này, hãy điều hướng đến thư mục web gốc của máy cục bộ Linux của bạn.
cd /var/www/html
Mở “index.html” dưới dạng thư mục gốc bằng trình soạn thảo văn bản yêu thích của bạn.
Tìm kiếm "Nó hoạt động!" và thay đổi văn bản thành một cái gì đó ngẫu nhiên như "Make Tech Easier!" (Nó có thể là bất cứ thứ gì thực sự.) Đảm bảo lưu tệp.
Bây giờ làm mới trang web trên 127.0.0.1. Bạn sẽ thấy "Làm cho công nghệ dễ dàng hơn!" nơi "Nó hoạt động!" trước đây.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592941.jpg)
Bây giờ bạn đã thiết lập một máy chủ web đơn giản, bạn có thể chơi với cài đặt cấu hình trong “apache2.conf.”
sudo nano /etc/apache2/apache2.conf
Lưu ý :lưu ý rằng mỗi khi bạn thực hiện thay đổi cấu hình, bạn sẽ cần khởi động lại Apache để nó áp dụng.
sudo systemctl restart apache2
Nếu cách này không hiệu quả, bạn có thể khởi động lại bằng cách thực thi trực tiếp tệp khởi động.
sudo /etc/init.d/apache2 restart
Thiết lập máy chủ web cục bộ trên macOS
Điều tốt về macOS là Apache được cài đặt trên nó theo mặc định. Tất cả những gì bạn cần làm là bật nó lên.
Trong Trình tìm kiếm, đi tới “Ứng dụng -> Tiện ích”, sau đó nhấp đúp vào Thiết bị đầu cuối để mở.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592915.jpg)
Để bật máy chủ web Apache đã được cài đặt sẵn của bạn, hãy chạy lệnh sau:
sudo apachectl start
Để kiểm tra xem máy chủ web của chúng tôi có đang chạy hay không, hãy điều hướng đến “127.0.0.1” hoặc “localhost” trong trình duyệt web của bạn.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592996.jpg)
Chúng tôi có thể thay đổi nội dung của trang web bằng cách điều hướng đơn giản đến thư mục gốc giống như cách chúng tôi đã làm trong Linux. Điều duy nhất khác biệt là vị trí đường dẫn.
cd /Library/WebServer/Documents/
Bây giờ, hãy chỉnh sửa tệp “index.html.en” bằng trình soạn thảo văn bản yêu thích của bạn. Thay đổi "Nó hoạt động!" đến “Hello World!”
sudo nano index.html.en
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592968.png)
Nếu chúng tôi làm mới trang web của mình được lưu trữ trên 127.0.0.1, chúng tôi hiện thấy các thay đổi được phản ánh.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592947.jpg)
Để định cấu hình thêm máy chủ web Apache trong macOS, hãy điều hướng đến tệp “httpd.conf”.
sudo nano /etc/apache2/httpd.conf
Giống như Linux, bạn có thể dễ dàng khởi động lại dịch vụ Apache bằng apachectl
lệnh với đặc quyền root.
sudo apachectl restart
Thiết lập máy chủ web cục bộ trên Windows
Không giống như Linux và macOS, Windows không dựa trên Unix, vì vậy không có một phần mềm nào để cài đặt nó. May mắn thay, có một số trình hướng dẫn cài đặt kết hợp những thứ như Apache, MySQL và PHP lại với nhau để giúp cuộc sống của chúng ta dễ dàng hơn. Một trong số đó là XAMPP.
Lưu ý :XAMPP cũng có sẵn cho Linux và Mac OS X.
Tải xuống phiên bản Windows của XAMPP và bắt đầu cài đặt. Thực thi trình cài đặt khi được nhắc. Bạn chỉ có thể chọn Apache nếu tất cả những gì bạn cần là một máy chủ web. Tuy nhiên, nếu bạn đang có kế hoạch sử dụng cơ sở dữ liệu, bạn cũng có thể muốn chọn MySQL.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592992.jpg)
Tiếp tục cài đặt và nhấp vào “Hoàn tất” khi hoàn tất. Theo mặc định, bảng điều khiển XAMPP sẽ được khởi chạy.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592954.jpg)
Nhấp vào “Bắt đầu” cho Apache và MySQL, nếu cần.
Nếu bạn điều hướng đến “127.0.0.1” hoặc “localhost” trong trình duyệt web của mình, bạn sẽ thấy trang cấu hình XAMPP.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592962.jpg)
Để tạo một trang web mới, quy trình cũng giống như vậy. Mở notepad và tạo một tệp HTML mẫu. Đặt tên là “hello.html.”
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592995.jpg)
Lưu nó vào thư mục gốc của tài liệu nằm trong “c:\ xampp \ htdocs \”.
Điều hướng đến nó bằng trình duyệt web của bạn bằng cách truy cập 127.0.0.1/hello.html. Bạn sẽ có thể xem trang web mà bạn đã tạo.
![Cách thiết lập máy chủ web cục bộ (Windows, Mac, Linux)](/article/uploadfiles/202203/2022032910592991.jpg)
Lưu ý: WampServer là một tùy chọn chắc chắn khác để cài đặt Apache trên Windows.
Kết luận
Apache là một giải pháp tuyệt vời để xây dựng cả các trang web đơn giản và phức tạp, nhưng nó không phải là lựa chọn duy nhất. Mặc dù Apache tích hợp tốt trên cả ba nền tảng, bạn có thể muốn xem IIS như một tùy chọn cho Windows, vì nó hỗ trợ nhiều tính năng xác thực Windows mà Apache không có. Tuy nhiên, để chỉ đơn giản là kiểm tra chức năng cơ bản của một trang web, Apache là hoàn hảo.