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.

Lưu ý
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.

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

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

1 3 - Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với 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

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

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

Xem thêm:  Tăng tốc trình duyệt Chrome 2017

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.

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

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.

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

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.

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

  • 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
Lưu ý
Bạn chỉ truy cập được localhost ki Ampps được mở và đang chạy trên máy bạn.

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

18 07 2017 12 04 35 - Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với Ampps

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

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

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.

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

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.

Xem thêm:  Download file apk từ CH play

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

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

18 07 2017 12 11 06 - Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với Ampps

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

18 07 2017 12 13 45 - Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với Ampps

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

18 07 2017 12 17 11 - Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với Ampps

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

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

18 07 2017 12 19 35 - Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với Ampps

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

18 07 2017 12 21 48 - Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với Ampps

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

 

Để lại bình luận

18 Bình luận on "Hướng dẫn tự tạo Localhost trực tiếp trên máy tính với Ampps"

avatar
Sort by:   newest | oldest
King Werry | <span class="wpdiscuz-comment-count">107 comments</span>
King Werry | 107 comments

tiếc quá, em lại không giỏi viết web nên thôi không thử

thắng | <span class="wpdiscuz-comment-count">986 comments</span>
thắng | 986 comments

học đi bác :V

King Werry | <span class="wpdiscuz-comment-count">107 comments</span>
King Werry | 107 comments

học bằng gì bác, chỉ em cái

thắng | <span class="wpdiscuz-comment-count">986 comments</span>
thắng | 986 comments

ngôn ngữ lập trình , mệt bome ra :V

Ngọc Dz | <span class="wpdiscuz-comment-count">6 comments</span>

e có tus buff sub= localhost nè ad ơi

Duy Quang | <span class="wpdiscuz-comment-count">159 comments</span>

share ngay và lun

thắng | <span class="wpdiscuz-comment-count">986 comments</span>
thắng | 986 comments

e cũng có nè :V

Ngọc Dz | <span class="wpdiscuz-comment-count">6 comments</span>

ok a :3 :V

Ngọc Dz | <span class="wpdiscuz-comment-count">6 comments</span>

e gửi code qua tin nhắn nhé

Hoàng | <span class="wpdiscuz-comment-count">12 comments</span>
Hoàng | 12 comments

rất chi tiết, thanks ad

Nam Hoàng | <span class="wpdiscuz-comment-count">12 comments</span>
Nam Hoàng | 12 comments

cảm ơn ad, hay quá

Duy Quang | <span class="wpdiscuz-comment-count">159 comments</span>

cảm ơn bạn

Tuấn Anh | <span class="wpdiscuz-comment-count">92 comments</span>
Tuấn Anh | 92 comments

em có học qua html và biết viết một trang web cơ bản nên sẽ thử cái này

Duy Quang | <span class="wpdiscuz-comment-count">159 comments</span>

kết hợp với khóa học mình mới share trên web, bảo đảm bạn sẽ thành thạo

Phạm Hoàng Thái | <span class="wpdiscuz-comment-count">5 comments</span>

Không thể truy cập trang web này

localhost đã từ chối kết nối.
Hãy thử:
Đang tải lại trang
Kiểm tra kết nối
Kiểm tra proxy và tường lửa
ERR_CONNECTION_REFUSED

wpDiscuz