Hướng Dẫn Tạo 1 Website WordPress Trên Localhost Bằng Xamp Từ A – Z

Hi, xin chào các bạn!

Mình rất thích tạo 1 website trên localhost/ngay trên máy tính của mình 1 cách hoàn chỉnh rồi mới puplic lên mạng. M có 3 lý do để làm vậy. 

  1. M có thể tự do tạo và chỉnh sửa web mà không sợ host đôi khi gặp vấn đề về đường truyền hay lỗi timeout, lỗi bị giới hạn tài nguyên…
  2. Website sau khi đã tạo trên localhost thì không sợ bị hacker tấn công/ DDos bất ngờ làm bay biến ngay website/đứa con mà mình hỳ hục tạo ra khi chưa kịp lưu/backup lại
  3. Sau khi đã tạo 1 website hoàn chỉnh trên localhost thì mình mới up lên sharehost và public trên mạng. Trong quá trình sử dụng online, nếu website có gặp trục trặc gì thì mình vẫn còn 1 bản lưu hoàn chỉnh của web trên máy tính. Và chỉ việc re-up lại là “như chưa có gì xảy ra”

Đó là những lý do khiến mình cảm thấy rất an tâm và thích sử dụng Xamp để tạo web ngay trên máy tính.

Không dài dòng nữa. Mình sẽ đi vào vấn đề chính nhé!

I. Cách cài đặt Xamp trên máy tính

+ Bạn vào 1 trong 2 địa chỉ sau để tải Xamp về, hãy lựa chọn Xamp tùy vào phiên bản máy tính (Windows hay OS) bạn đang sử dụng

1.Công việc cài đặt gồm các bước như sau:

  • Chạy chương trình cài đặt XAMPP Installer, khi xuất hiện bảng chọn ngôn ngữ, chọn English và nhấn Ok.
  • Khi xuất hiện bảng Welcome to the Xampp Setup Wizard, nhấn Next.
  • Trong License Agrement chọn I accept the Agreement, nhấn Next.
  • Ở phần Components chọn như hình dưới vì không phải cái nào trong gói XAMPP cũng cần thiết ->Chọn Next .

  • Chọn thư mục cài đặt Xamp
    Mặc định khi cài đặt hệ thống sẽ chọn ổ c:xampp
    Theo mình bạn nên chuyển sang ổ D,E hoặc các ổ không phải ổ cài Win sẽ an toàn hơn (chọn ổ khác) như hình minh họa dưới đây và tạo thư mục xampp -> Chọn Next

  • Bỏ tích chọn Learn more about Bitnami for XAMPP -> Chọn Next

  • Tiến trình cài đặt
    …Chờ hệ thống cài đặt xong  bạn hãy khởi động lại máy tính để hệ thống có thể làm mới thông tin và start localhost
  • Khởi động localhost
    Vào ổ E:xampp/xampp-panel.exe để mở bảng điều khiển của XAMPP hoặc vào Start -> All Programs -> XAMPP-> Mở Xampp Control Panel xuất hiện cửa sổ như hình dưới đây.
    Trong phần Actions -> Nhấp chuột vào Start với ApacheMySQL

  • Nếu xuất hiện bảng Windows Security Alert sẽ yêu cầu cho phép Public NetWorks cho Firewall bằng cách bạn nhấp chuột và0 Allow Access với mysqld.exe và httpd.exe như hình dưới đây:

  • Kết quả: Nếu hai ứng dụng chuyển sang màu xanh thì việc khởi động đã thành công, còn ngược lại nếu không thành công thì bạn nên xem lại cách cài đặt từ đầu đã đúng chưa hay có thiếu sót ở đâu không?
  • Test Localhost trên trình duyệt
    Mở trình duyệt (có thể dùng bất kỳ trình duyệt nào chrome, firefox, IE…) với url: http://localhost
  • Chọn ngôn ngữ English phía bên dưới để truy cập vào trang quản lý localhost để thuận tiện thao tác hơn

  • Tới đây là bạn đã hoàn thành cài đặt với Xamp

2.Hướng dẫn đổi cổng Port cho Xampp?

  • Mặc định Apache trong Xampp sử dụng port 80 – SSL là 443. Tuy nhiên port 80 rất phổ biến nếu như máy bạn cài skype và đang chạy (dùng port 443) hoặc có cài IIS hoặc web server (dùng port 80) nào khác thì chắc chắn 100% sẽ bị lỗi.

Bước 1: Để biết xampp sử dụng port nào cho service tương ứng, tại cửa sổ Xampp Control Panel bạn bấm vào nút Config – Service and port settings.

Đến đây các bạn thấy cổng port 80. Ta sẽ đổi số 80 thành 8080 và 443 thành 600.

(Lưu ý: ở đây m chỉ ví dụ cổng port trên các bạn có thể thay đổi tùy ý nhưng các bạn phải kiểm tra trong Netstat xem có trùng với cổng nào không.)

Bước 2: Các bạn mở file httpd.conf  trong D:xampp/apache/conf /httpd.conf hoặc mở như hình dưới đây

Ctrl + F tìm kiếm số 80 thay đổi thành 8080.

Và file httpd-ssl.conf trong D:xampp/apache/conf/extra/httpd-ssl.conf hoặc như hình dưới

thao tác như lúc nãy Ctrl + F tìm kiếm số 443 thay đổi thành 600.

Đến đây đã xong.

(lưu ý: khi bỏ qua bước 1 không thì Apache vẫn chạy được nhưng  vẫn còn dòng chữ đỏ xuất hiện. Đây là kết quả chỉ làm bước 2).

II. Tạo 1 website WordPress trên Localhost bằng Xamp

1.Tải mã nguồn wordpress về máy tính tại đây : 

https://wordpress.org/download/

Sau khi tải về thì bạn copy và giải nén file WordPress đó vào D:Xampp/htdocs

Bạn đặt tên lại cho thư mục WordPress bằng tên website của bạn . Ở đây mình ví dụ là Demo.com

2.Tạo database trên Localhost

Bạn mở localhost trong trình duyệt bất kỳ (Chorme, Cốc Cốc…) ==> Click chọn phpMyAdmin như hình

Bạn đổi sang ngôn ngữ English

Chỗ Server connection bạn chọn utf8mb4_unicode_ci như hình dưới

  • CLick chọn Databases ==> Bạn đặt tên cho database website của mình tại mục Create database ==> chọn utf8mb4_unicode-ci ==> Create (ở đây mình đặt tên là demo)

3.Bắt đầu cài đặt website

  • Bạn vào trình duyệt và đánh đường dẫn theo như những gì đã cài đặt ở bài viết này: http://localhost:8080/demo.com

***demo.com chính là thư mục tên website của bạn ở trong D:Xampp/htdocs ở trên

Lưu ý: Bạn phải đánh đúng tên thư mục website của bạn đã tạo !

Nếu đúng đường dẫn thì nó sẽ ra như sau ==> bạn làm theo hình nhé

  • Chỗ Database Name bạn gõ vào database mình đã tạo lúc nãy (ở ví dụ này của mình là demo)
  • Chỗ User Name bạn gõ vào root
  • Chỗ Password bạn bỏ trống nhé (nếu có chữ trong đó thì xóa đi)
  • Còn lại bạn giữ nguyên và Submit

  • Chỗ User Name: bạn gõ tên đăng nhập vào website của bạn
  • Password: Bạn đặt password cho website của bạn
  • Lưu ý: bạn cần nhớ và lưu lại mình đã đặt user name và password gì thì mới đăng nhập được vào website của bạn nhé!
  • Click Install WordPress

Điền user name và pass bạn đã đặt ở trên và Login

Vào được đây là bạn Thành công rồi nhé!

III. Cách chuyển website từ Localhost lên Sharehost (public lên Internet) 

1.Cài plugin Duplicator ở website tại localhost

Bạn vào Plugin bên tay trái thanh Dashboard  ==> Add New ==> Chỗ search keyword bạn đánh vào Duplicator ==> Click Install

Đợi nó install xong thì Active Plugin lên

Sau khi active xong, bên thanh Dashboard sẽ xuất hiện mục Duplicator ==> chọn Packages ==> Click Create New

Click Next ==> đợi plugin nó Scan xong website ==> CLick Build

Click vào InstallerArchive để tải xuống máy tính

2.Đưa website ở Localhost lên Share host (public trên Internet) bằng Duplicator

  • Về vấn đề sharehost là gì? Cách đăng ký share host như thế nào? Cách mua domain hay gắn domain vào host ntn? Mình sẽ ko giải thích ở đây nhé! (trên mạng đã có rất nhiều tài liệu về những vấn đề đó rồi)
  • Vào share host của bạn và upload 2 file InstallerArchive mà mình đã tải xuống ở trên lên thư mục gốc của web 

***Thư mục gốc: Vào File Manager trên Share Host ==> chọn thư mục Public_htmlupload file vào đó

  • Tạo một database mới trên Sharehost (ở đây mình sử dụng Stable host, các host khác thì làm cũng tương tự)
  • Vào MySQL Databases và tạo 1 database mới

Gõ tên database của website bạn vào ==> Create Database

Phần Add New User bạn tạo username và password cho database đó (bạn cần ghi nhớ user và pass nhé)==> Create User

Phần Add User To Database thì bạn chọn database và user đã tạo ở trên và Add

Bạn chọn dấu tick vào ô All Privileges ==> Make Chances

Gõ tên miền website đã được gắn với host của bạn trên trình duyệt . Nếu bạn đã đưa 2 file của Duplicator vào đúng thư mục gốc public_html trên Host rồi thì gõ tên miền nó sẽ hiện ra như hình sau:

Click vào Installer.php

Tick chọn Connect and Remove all data ==> Điền name của Databasepass Database đã tạo ở trên vào ==> bạn nên click Test Connection ==> nếu nó hiện chữ Success như hình trên là đã kết nối vs database thành công.

Tick chọn I have read… ==> Click Run Deployment ==> đợi nó chạy xong thì click ==> Run Update

Được như hình trên là bạn đã thành công. 

Save Permalink: đăng nhập vào website của bạn là lưu lại đường dẫn (Chú ý: Điền user và pass đăng nhập vào website của bạn chứ không phải user vs pass bên database đâu nhé)

Test site: kiểm tra lại website xem đã ổn chưa

Security Cleanup: bạn nên xóa như hình dưới để bảo mật

Vậy là mình đã hướng dẫn đầy đủ cách tạo 1 website hoàn chỉnh trên máy tính và cách đưa nó lên internet cực kỳ chi tiết rồi nhé!

Mình vẫn thường hay làm cách này mỗi khi tạo 1 website nào mới. Có thể nhiều bạn ngại mất công thì có thể tạo website luôn trên sharehost.

Nhưng mình là m có tính hay lo xa và cẩn thận lắm ^^.

Cảm ơn bạn đã đọc và làm được đến tận đây. Nếu thấy hay thì đừng quên chia sẻ, nếu vẫn còn khó hiểu thắc mắc chỗ nào thì để lại comment phía dưới giúp mình nhé.

Chúc bạn Thành công!

One Response

  1. thuyduong 10/05/2016

Leave a Reply

Time limit is exhausted. Please reload CAPTCHA.