MỤC LỤC BÀI VIẾT
Bình thường khi chưa upload code lên hosting bạn thường lập trình ở local dưới dạng sau phải không?
1 2 3 | http:<span class="hljs-comment">//localhost/code</span> http:<span class="hljs-comment">//localhost/wordpress</span> |
1 2 3 | http:<span class="hljs-comment">//code.local</span> http:<span class="hljs-comment">//wordpress.local</span> |
Điều kiện:
- Đã tạo 2 thư mục
wordpress
vàcode
trong htdocs
MacOs
Bước 1:
Mở terminal
và gõ dòng lệnh sau, mục đích là mở file hosts:
1 2 | <span class="hljs-title">sudo</span> nano /etc/hosts |
Bạn thêm dòng sau
1 2 | <span class="hljs-number">127.0</span><span class="hljs-number">.0</span><span class="hljs-number">.1</span> code.<span class="hljs-keyword">local</span> wordpress.<span class="hljs-keyword">local</span> |
Bấm Ctrl + X -> Y -> Enter
để thoát
Bước 2:
Ở Finder bạn vào
1 2 | Go -> Go <span class="hljs-keyword">to</span> folder |
Bạn truy cập vào folder apache ở đường dẫn sau:
1 2 | <span class="hljs-regexp">/Applications/MAMP/conf/apache/</span> |
Mở file httpd.conf search dòng Virtual host và xóa dấu # trước Include. Mục đích là cho phép Mamp hỗ trợ Virtual hosts
Sau đó Command + S lưu lại.
Bước 3:
Bạn lại vào Finder bạn vào
1 2 | Go -> Go <span class="hljs-keyword">to</span> folder |
Bạn truy cập vào folder extra ở đường dẫn sau:
1 2 | <span class="hljs-regexp">/Applications/MAMP/conf/apache/extra/</span> |
Mở file httpd-vhosts.conf và paste các dòng lệnh sau
1 2 3 4 5 6 7 8 9 10 | <span class="hljs-tag"><VirtualHost *:80></span> <span class="hljs-keyword"><span class="hljs-common">DocumentRoot</span></span> <span class="hljs-string">"/Applications/MAMP/htdocs/wordpress"</span> <span class="hljs-keyword"><span class="hljs-common">ServerName</span></span> wordpress.local <span class="hljs-tag"></VirtualHost></span> <span class="hljs-tag"><VirtualHost *:80></span> <span class="hljs-keyword"><span class="hljs-common">DocumentRoot</span></span> <span class="hljs-string">"/Applications/MAMP/htdocs/code"</span> <span class="hljs-keyword"><span class="hljs-common">ServerName</span></span> code.local <span class="hljs-tag"></VirtualHost></span> |
Giải thích:
DocumentRoot : Đường dẫn đến thư mục trong htdocs
ServerName : Tên domain của bạn ví dụ ở đây là: wordpress.local
Sau đó Command + S lưu lại.
Khởi động lại MAMP
Từ giờ khi muốn thêm 1 Virtual host mới bạn chỉ cần truy cập vào httpd-vhosts.conf trong đường dẫn sau là được.
1 2 | <span class="hljs-regexp">/Applications/MAMP/conf/apache/extra/</span> |
Lưu ý: truy cập htdocs trên máy MAC
MacOS:
Thư mục htdocs nằm trong /Applications/MAMP/htdocs
Windows
Bước 1:
Mở file hosts trên windows
1 2 | <span class="hljs-constant">C</span><span class="hljs-symbol">:/</span> > <span class="hljs-constant">WINDOWS</span> > system32 > drivers > etc > hosts |
Chèn nội dung sau
1 2 | <span class="hljs-number">127.0</span><span class="hljs-number">.0</span><span class="hljs-number">.1</span> wordpress.<span class="hljs-keyword">local</span> code.<span class="hljs-keyword">local</span> |
Bước 2:
Mở file httpd.conf để bật Virtual hosts trên MAMP
1 2 | <span class="hljs-constant">C</span><span class="hljs-symbol">:/</span> > <span class="hljs-constant">MAMP</span> > conf > apache > httpd.conf |
Tìm dòng Virtual hosts và xóa dấu # trước Include
1 2 3 | <span class="hljs-comment"># Virtual hosts</span> <span class="hljs-keyword">Include</span> conf/extra/httpd-vhosts.conf |
Cũng trong file httpd.conf
1 2 3 4 5 | <span class="hljs-tag"><Directory /></span> <span class="hljs-keyword"><span class="hljs-common">Options</span></span> Indexes FollowSymLinks <span class="hljs-keyword">AllowOverride</span> <span class="hljs-literal">All</span> <span class="hljs-tag"></Directory></span> |
Đang là AllowOverride None chuyển sang AllowOverride All
Bước 3:
Mở file httpd-vhosts.conf để thêm domain
1 2 | <span class="hljs-constant">C</span><span class="hljs-symbol">:/</span> > <span class="hljs-constant">MAMP</span> > bin > apache > conf > extra >httpd-vhosts.conf |
1 2 3 4 5 6 7 8 9 10 | <span class="hljs-tag"><VirtualHost *:80></span> <span class="hljs-keyword"><span class="hljs-common">DocumentRoot</span></span> <span class="hljs-string">"C:/MAMP/htdocs/wordpress"</span> <span class="hljs-keyword"><span class="hljs-common">ServerName</span></span> wordpress.local <span class="hljs-tag"></VirtualHost></span> <span class="hljs-tag"><VirtualHost *:80></span> <span class="hljs-keyword"><span class="hljs-common">DocumentRoot</span></span> <span class="hljs-string">"C:/MAMP/htdocs/code"</span> <span class="hljs-keyword"><span class="hljs-common">ServerName</span></span> code.local <span class="hljs-tag"></VirtualHost></span> |
Giải thích:
DocumentRoot : Đường dẫn đến thư mục trong htdocs
ServerName : Tên domain của bạn ví dụ ở đây là: wordpress.local
Sau đó Ctrl + S lưu lại.
Khởi động lại MAMP
Nếu gặp tình trạng đăng nhập wp-login.php lỗi, hay bị tình trạng vẫn lưu lại ở folder cũ thì bạn vào phpMyAdmin và sửa lại đường dẫn ở siteurl
và home
1 2 | http:<span class="hljs-comment">//localhost/phpMyAdmin/?lang=en</span> |