在移动设备上使用MAMP / wordpress测试本地服务器？

Question

我目前正在使用MAMP PRO在本地开发一个wordpress网站，这显然涉及使用本地数据库。

我想通过远程链接在我的iPhone上测试这个网站。我已设法通过在手机网址中键入以下内容来实现此目的...

192.234.2.32:8888 

（IP地址：端口号）

问题是显示索引页但没有CSS样式。然后，当我点击另一页时，它表示无法找到该页面

它似乎已正确连接到服务器，但没有连接到wordpress数据库。 （至少我认为这是问题）

有没有人知道如何使这项工作或指向正确的方向？您是否需要其他应用程序才能执行此操作，还是可以使用mamp / IP地址等完成？

提前致谢

Answer 1

回答了我自己的问题，找到了这篇很棒的文章http://www.designshifts.com/view-local-wordpress-website-on-your-iphone-or-ipad-with-mamp/

Answer 2

• 一般设置WordPress;从中更改WordPress地址 localhost到桌面pc / mac（URL）的IP地址
• 在MAMP PRO常规选项卡中;校验;通过Xip.io（仅限LAN）并复制该地址
• 在常规设置中WordPress将Xip.io地址粘贴到站点地址（URL）
• 您可以通过以下方式访问移动设备; http://localhost.IPAddressOfYourLocalComputer.xip.io

截图Wordpress

Answer 3

我更愿意use DNS来处理移动设备的本地开发。这样，您仍然可以为所有本地站点使用相同的IP地址，但每个站点的名称都不同（NameBasedVirtualHosts）

Answer 4

我能够在不更改Mamp Pro（4.5）默认端口或更改WP admin中的域设置的情况下，在OS 10.11上使用LAN + IOS测试方案。这是所有相关的位：

• 在Finder中，在“站点”文件夹中设置根文件夹，即~/sites/MAMP-hosted/yourdomain.com
• 确保您的Mac使用的是静态IP地址，启动Mamp Pro，然后在“常规”选项卡中的IP地址下拉列表中为yourdomain.com选择该静态IP。 localhost应该保留默认值：*
• 在yourdomain.com>数据库标签中，选择yourdomain.com的数据库（不需要为localhost分配一个数据库）
• 所有剩余的“常规”标签设置均为默认设置，包括名称解析，仅选中“ etc / hosts”选项
• 在底部，localhost>文档根目录应指向“ MAMP托管”文件夹，而yourdomain.com>文档根目录应指向yourdomain.com文件夹。

然后调整wp-config如下所示：

define('DB_NAME', 'name-of-your-database');

/** MySQL database username */
define('DB_USER', 'root');

/** MySQL database password */
define('DB_PASSWORD', 'root');

/** MySQL hostname */
define('DB_HOST', 'localhost');

define( 'WP_SITEURL', 'http://your-static-IP' );
define( 'WP_HOME', 'http://your-static-IP' );

http://your-static-IP应该在您本地网络上的任何设备上打开该站点，并且http://your-static-IP/wp-login应该用于管理员访问。

如果在该状态下使用wp-admin写入数据库（发布帖子等），则可能需要使用诸如Velvet Blue之类的插件来进行一些迁移后的清理工作，以删除该IP地址。

我还没有尝试过这种特殊的方案和MAMP板载SSL，但是一旦站点准备好迁移到其专用主机上，切换回它并不难。

Answer 5

您可以通过简单地编辑Mac上的hosts文件来完成此操作。

或使用像https://www.macupdate.com/app/mac/40003/hosts

这样的工具

将所有域指向MAMP主机的IP，并将mamp Web服务放在端口80上。

使用www.domain.dev或类似的域名。