Tuesday, July 18, 2017

Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với Ampps

Tự tạo Localhost trực tiếp trên máy tính với Ampps


Chào các bạn, như các bạn đã biết thì localhost là một nơi để chưa đựng code web để tạo dựng một trang web. Nếu các bạn đang code một trang web bằng html,css,java,... và muốn thử nghiệm trước khi Upload lên host thực sự thì dưới đây mình sẽ hướng dẫn các bạn cách dùng máy tính như một localhost ảo để test code.

Phần mềm mình sử dụng ở đây có tên là Ampps. Phần mềm này khá tốt và phổ biến với các web-developer.  Thông thường các bạn cũng có thể sử dụng Xampp nhưng mà mình cảm thấy Ampps tốt hơn và đẹp hơn, dễ sử dụng hơn.

[su_box title="Lưu ý" style="bubbles" box_color="#ea4335" title_color="#e7e7f6" radius="7"]Trước khi cài Ampps, xin hãy xóa toàn bộ những phần mềm localhost khác ra khỏi máy tính để chắc chắn là bạn không gặp lỗi xung đột. Nhớ backup dữ liệu ở các website localhost quan trọng của bạn trước khi xóa.[/su_box]

Giao diện điều khiển localhost của Ampps


Hướng dẫn tải và cài đặt


  • Các bạn tải Ampps tại trang chủ.

  • Ampps hỗ trợ cả Windows, Mac và Linux.

Trang Chủ - Download


Các bạn dùng hệ điều hành nào thì tải bản cài đặt đó nhé !



Hướng dẫn cài đặt


Trước khi cài đặt, các bạn phải cho phép Ampps toàn bộ quyền thay đổi thiết lập File hosts của windows.

Các bạn vào file hosts theo đường dẫn C:\Windows\system32\drive\etc\hosts

Ấn chuột phải và chọn Properties như trong ảnh bên dưới.



Chọn Tab security (1) -> ấn vào Edit (2) 
- Chọn mục Users (...) và check vào Full control như ảnh dưới để cho phép toàn quyền sửa chữa.
- Ấn Apply và OK để thay đổi thiết lập.

Cài đặt Ampps


Các bạn mở file và cài đặt vào máy tính như bình thường.

Sau khi cài đặt xong mở Ampps lên sẽ có giao diện như bên dưới.

  • Các bạn nhìn vào sẽ thấy nút Start bị mất màu có nghĩa là Ampps đã đang chạy trên máy bạn.

  • Nếu muốn tắt ampps và dừng lại thì ấn Stop và thoát chương trình


[su_box title="Lưu ý" style="bubbles" box_color="#ea4335" title_color="#e7e7f6" radius="7"]Bạn chỉ truy cập được localhost ki Ampps được mở và đang chạy trên máy bạn.[/su_box]

Sử dụng


Để mở giao diện Localhost của Ampps bạn ấn vào nút có biểu tượng ngôi nhà.

Hoặc vào trình duyệt gõ địa chỉ: http://localhost/ampps



Giao diện localhost của Ampps như dưới đây



Các bạn thêm một tên miền vào Ampps để sử dụng cho việc test code

Ấn vào Add Domain như bên dưới.



Bạn đặt tên miền mà bạn muốn. Vì đây là tên miền ảo chỉ một mình bạn xài nên có thể đặt gì cũng được và không trùng với các tên miền thật là được.

Ở đây mình đặt là Anonyviet.fucking

Các bạn đọc kĩ trong hình đừng để thiếu bước nhé !!!



Nếu hiện bảng thông báo như sau có nghĩa là tên miền đã được tạo.



Sau đó mình mở trình duyệt lên và vào trang anonyviet.fucking đã tạo.

Vậy upload code web ở đâu ??


Bạn quay ra trang localhost của Ammps: localhost/ampps



Vào manager domain để tìm nơi upload code web mà bạn muốn test.



Vậy là xong. Bạn có thể tự tạo host ảo để thử nghiệm code web trước khi công bố lên mạng internet.

Chúc các bạn thành công


AnonyViet - Better & better


 

No comments:

Post a Comment