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

Posted

技术标签:

【中文标题】在移动设备上使用 MAMP/wordpress 测试本地服务器?【英文标题】:Testing local server with MAMP/wordpress on mobile device? 【发布时间】: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 无关) 【参考方案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 或类似的域名。

【讨论】:

以上是关于在移动设备上使用 MAMP/wordpress 测试本地服务器?的主要内容,如果未能解决你的问题,请参考以下文章

测试Appium原理

Spark+TDengine 在中国电信电力测功系统监控平台上的应用实践

自动化测试之设置浏览器属性来模拟移动设备上的H5的测试

测评海康EliteX---全球首款USB4.0移动固态硬盘,硬盘黑科技,移动闪电侠

测评海康EliteX---全球首款USB4.0移动固态硬盘,硬盘黑科技,移动闪电侠

3D结构光