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

【问题标题】：Testing local server with MAMP/wordpress on mobile device?在移动设备上使用 MAMP/wordpress 测试本地服务器？
【发布时间】：2013-04-29 10:18:18
【问题描述】：

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

我想通过远程链接在我的 iPhone 上测试这个网站。我设法通过在我的手机 URL 中输入以下内容来做到这一点...

192.234.2.32:8888

（IP地址：端口号）

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

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

有没有人知道如何让这个工作或指出我正确的方向？您是否需要另一个应用程序来执行此操作，或者可以使用 mamp/IP 地址等来完成吗？

提前致谢

【问题讨论】：

请don't cross-post您在网络中的问题。
我通常不会，但不确定该放哪一个，因为它涵盖了 wordpress 和正常的本地开发（与 wordpress 无关）

标签： wordpress localhost mamp

【解决方案1】：

我更喜欢use DNS 来处理移动端的本地开发。这样，您仍然可以为所有本地站点使用相同的 IP 地址，但为每个站点使用不同的名称 (NameBasedVirtualHosts)

【讨论】：

【解决方案2】：

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

截图 Wordpress

【讨论】：

【解决方案3】：

我已经能够使 LAN + IOS 测试方案在 OS 10.11 上运行，而无需更改 Mamp Pro (4.5) 默认端口，或更改 WP 管理员中的域设置。以下是所有相关位：

在 Finder 中设置“sites”文件夹内的根文件夹，即~/sites/MAMP-hosted/yourdomain.com
确保您的 Mac 使用的是静态 IP 地址，启动 Mamp Pro 并在常规选项卡中，在 IP 地址下拉列表中选择 yourdomain.com 的静态 IP。 localhost 应保持默认值：*
在yourdomain.com > Databases 选项卡中，选择yourdomain.com 的数据库（不需要为localhost 分配一个）
所有剩余的常规选项卡设置都是默认设置，包括名称解析，仅选中 etc/hosts 选项
在底部，localhost > 文档根目录应指向“MAMP-hosted”文件夹，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，但是一旦站点准备好迁移到其专用主机，切换回来并不困难。

【讨论】：

【解决方案4】：

首先，您需要在 Mamp Pro 中启用 Mamp Viewer。

然后你需要在你的手机上安装 Mamp Viewer。

您的 Mamp 服务器和您的手机需要在同一个网络中。

因此，您可以使用本地域（例如 test.local）通过 mamp 查看器或移动浏览器在移动设备中查看您的网站。

【讨论】：

【解决方案5】：

您可以通过简单地在您的 Mac 上编辑 hosts 文件来做到这一点。

或者使用https://www.macupdate.com/app/mac/40003/hosts之类的工具

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

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

【讨论】：