Cách đưa website từ localhost lên host free

Những bạn tùy biến website trên localhost sau đó muốn public lên môi trường internet để cho mọi người truy cập vào nhưng không biết cách làm thế nào. Đừng lo, bài học này Ân hướng dẫn bạn đưa website lên hosting từ localhost xampp nhé!

Hướng dẫn đưa website lên hosting từ localhost theo 5 bước

Ân sử dụng localhost xampp nên Ân sẽ hướng dẫn bạn trên giao diện của xampp nhé!. Nếu bạn sử dụng trình giả lập localhost khác thì chịu khó tìm để ý các vị trí khác nhau nhưng chức năng của nó thì cũng tương tự nhau thôi.

Bước 1 cài wordpress trên hosting

Bước đầu tiên bạn cần làm là hãy cài đặt wordpress trên hosting để có được cấu trúc thư mục và kết nối cơ sở dữ liệu.

Sau đó bạn sẽ upload source wordpress lên cấu trúc thư mục đó và thay đổi tài khoản kết nối cơ sở dữ liệu là xong.

Nếu bạn chưa biết cách cài đặt wordpress trên hosting như thế nào thì hãy xem lại bài học này của Ân rồi quay lại bài học này.

Xem thêm: Hướng dẫn cài đặt wordpress trên hosting sử dụng cpanel

Bước 2 nén source và xuất file database từ localhost

#Nén source wordpress thành file zip

Bạn truy cập vào nơi chứa source wordpress theo cấu trúc C:\xampp\htdocs\vuducan.vn. bạn lưu ý là phần vuducan.vn chính là thư mục website của bạn.

Trong thư mục này bạn chọn tất cả các file rồi bấm chuột phải và chọn dòng Add to archive.

Tại bảng này bạn bấm chọn zip rồi bấm nút ok nhé.

Sau khi nén xong thì file của bạn sẽ nằm chung thư mục source.

#Xuất file database

Bây giờ sang phần xuất file database.

Bạn mở xampp lên rồi bấm nút admin tại phần MySQL.

Bạn chọn đến phần cơ sở dữ liệu kết nối với website của bạn.

Bạn chọn phần Export rồi bấm nút go.

Sau khi bấm nút go thì file database của bạn sẽ được tải về. Bạn chuyển file đó đến thư mục mà bạn dễ quản lý.

Bây giờ cùng đi đến bước Ân hướng dẫn bạn upload 2 file này lên hosting.

Bước 3 upload source wordpress và cơ sở dữ liệu từ localhost

Ở bước 3 này thì Ân đã có viết 1 bài hướng dẫn restore website lên hosting rồi. Bạn vào đọc bài học này rồi quay lại đây.

Lưu ý: Bạn chỉ đọc đến hết bước 2 thôi rồi quay lại bài học này nhé

Bước 4 cập nhật username và password database

Sau khi bạn làm xong 3 bước trên bạn kiểm tra website sẽ có thông báo lỗi kết nối cơ sở dữ liệu như hình dưới đây.

Việc cần làm bây giờ là bạn phải thay đổi lại username và mật khẩu của cơ sở dữ liệu.

Đầu tiên bạn cần truy cập trang quản trị cpanel trên hosting và tìm đến phần wordpress.

Tại đây bạn sẽ chọn đúng tên website của bạn và bấm vào nút hình cây bút để vào xem thông tin.

Tại đây bạn sẽ xem được thông tin user và pass. Bạn bấm vào nút show để xem được mật khẩu. Bạn copy thông tin này ra để cập nhật vào source wordpress.

Giờ bạn quay lại thư mục chứa source website trong file manager. Tìm file wp-config.php và bấm edit.

Chỗ này bấm edit luôn.

Giờ thì bạn cập nhật lại thông tin database đã copy vào 3 phần sau:

DB_NAME: tên cơ sở dữ liệu.

DB_USER: username cơ sở dữ liệu.

DB_PASSWORD: mật khẩu cơ sở dữ liệu

Bây giờ bạn quay ngược trở lại ở phía trên cùng và thêm 2 đoạn code như sau rồi bấm nút save changes.

define(WP_HOME,https://avtcosmetics.com/);

define(WP_SITEURL,https://avtcosmetics.com/);

Bạn nhớ thay thế đúng tên miền của bạn vào nhé. ở đây Ân đang để tên miền của Ân

Bước 5 thay thế đường dẫn localhost và sửa lỗi 404

#Thay thế đường dẫn localhost

Khi source wordpress của bạn được tùy biến trên xampp localhost thì những file trong thư viện media của bạn sẽ dính đường dẫn mặc định của localhost.

Bạn cần phải thay đổi lại đường dẫn đó thành domain của bạn sau khi upload website lên hosting.

Bây giờ bạn đăng nhập vào trình quản lý của wordpress và cài plugin có tên là Better Search Replace, cài xong thì nhớ kích hoạt plugin lên nhé!.

Bạn quay trở lại trang web mà bạn đã dựng trên localhost đăng nhập vào trang quản trị tìm đến phần phương tiện -> chọn phần thư viện và chọn vào 1 file media.

Bạn tìm đến đường dẫn URL của và copy phần tiền tố localhost/vuducan.vn

Bạn quay lại trang quản trị website mà bạn mới upload lên hosting và vào phần công cụ -> chọn phần Better Search Replace.

Bạn thao các ô như sau:

Search for: điền đường dẫn cũ trên localhost của bạn vào.

Replace with: điền domain mới của bạn vào để thay thế.

Select tables: bạn bấm tổ hợp phím Ctrl A để chọn tất cả.

3 ô chọn Case-insensitive, replace GUIDs, Run as dry run: bạn bỏ trống hết.

Cuối cùng là bạn bấm nút Run search/Replace để bắt đầu thao tác.

#Sửa lỗi 404

Bạn đến phần cài đặt -> chọn vào phần Đường dẫn tĩnh.

Bạn tích chọn vào tùy biến và thay đổi thành %Postname%.

Để hoàn tất bạn bấm nút lưu thay đổi vậy là xong.

Kết

Vậy là đã xong bài học hướng dẫn đưa website lên hosting từ localhost rồi nhé. Chúc bạn học tập tốt và nhớ đọc các bài học tiếp theo!

Bài trước đó

Bài 29: Cách restore wordpress thủ công từ file backup

Bài tiếp theo

Bài 31: Tổng kết và lời cảm ơn