首页 > 【雨松MOMO生活研究院】 > WordPress本地Mac环境搭建与测试
2021
06-12

WordPress本地Mac环境搭建与测试

每次升级wordpress版本都很痛苦,比如主题、插件与新版本的兼容性问题,写下这篇文章记录下这段时间的学习成果。

打开XMAPP官网https://www.apachefriends.org/download.html,注意这里要先点击MoreDownloads

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 1
然后需要确认一下自己主机的mysql和php的版本号,这里我使用PHP7.4的版本,如果你的版本较低就要找对应的XAMPP安装文件。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 2

启动Start
Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 3

确保服务已经启动

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 4

启动8080端口

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 5

点击Mount,在点击Explore呼出文件夹,把WordPress5.7最新版本也下载到本地解压拷贝到htdocs文件夹下。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 6

然后本地打开网址 http://localhost:8080 如果打不开可能8080端口被其他软件占用,关闭没用软件,重启电脑。打开phpMyadmin数据库面板。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 7

此时打开网站 http://localhost:8080/wordpress/

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 8

到这一步新建网站基本已经完事,但很多时候我们需要升级现有网站,需要在本地先调试一下主题与插件的兼容性,直接远程升级是不太好的,最好可以在本地先调试,没问题了在同步。

在本地创建数据库,数据库名字最好与网站实际的一致。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 9

此时将虚拟主机中通过FTP将wordpress网站与数据库下载到本地,在这里将数据库导入。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 10

打开网站的wp-config.php文件,创建用户名和密码保持一致。(如果不保持一致就要自己修改本地 wp-config.phg文件)

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 11

在数据库中将siteurl改成本地的, 注意这里是http不要写成https(我本地测试https会出现SSL证书问题)

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 12

将网站内容下载到本地,将wp-content文件夹和wp-config.php相关文件拷贝到htdocs文件夹中。

尝试打开网站 http://localhost:8080/wordpress/

如果网站打不开要删除一下根目录.htaccess文件,如果还打不开,清空浏览器缓存、重启XAMPP服务,或重启电脑。注意要设置wp-config.php的权限。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 13

再次尝试打开网站 http://localhost:8080/wordpress/

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 14
网站已经打开了,可惜图片都挂了。图片都挂的原因是每篇文章的数据库里指向的URL开头并不是http://localhost:8080的。

然后就开始调试网站了,可以将插件和主题拷贝到htdocs/wordpress/wp-content/plugins或themes下,大部分情况下主题和插件都是没问题的,如果一旦出问题了大家也不要慌,通过打印日志的方法打印数值看看到底哪里出了问题。

比如主题中某个图片不显示了,可以找到对应代码的地方输出一下日志,看看实际的URL到底是什么?

在Chrome中右键检查->console刷新网页就能看到打的日志了。

Wordpress本地Mac环境搭建与测试 - 雨松MOMO程序研究院 - 15

我在网站升级的过程中就这样通过日志的方式解决了很多问题,PHP果然是世界上最好的语言。最后本地都搞定了就可以向FTP同步了,祝大家网站升级顺利。

最后编辑:
作者:雨松MOMO
专注移动互联网,Unity3D游戏开发
捐 赠写博客不易,如果您想请我喝一杯星巴克的话?就进来看吧!

留下一个回复

你的email不会被公开。