参考:http://stackoverflow.com/questions/4582504/xampp-apache-webserver-localhost-not-working-on-mac-os
一、概述
在移动客户端的联网相关模块测试中,经常需要服务器做配置,在正式服务器上修改服务器的配置用来测试风险很大,搭建一台自己的测试服务器测试起来就方便零风险了。
下文以用客户端访问opheliacui.ophelia.com/android/input.cfg地址,服务器返回input.cfg为例,介绍如何在mac电脑上搭建测试服务器。
二、前期准备
1. Xampp for mac版本,下载地址:
http://www.kuaipan.cn/file/id_1639517865907333.htm?source=1
2. Charles3.7 ,下载地址:
http://www.kuaipan.cn/file/id_1639517865907332.htm?source=1
三、操作步骤
1. 安装xampp,这个软件可以一直点击下一步完成安装。
2. 安装charles3.7,这个软件安装的时候在安装将要完成的时候要输入一次mac用户的密码,到完成安装。
3. 打开mac电脑上的etc/hosts文件,将hosts文件的权限全都改成“读与写”。
4. 在hosts文件上点击右键,用文本编辑器打开。
5. 例如,你的域名地址是opheliacui.ophelia.com,在hosts文件夹中将
127.0.0.1 localhost这条,改为127.0.0.1 opheliacui.ophelia.com,保存。
6. 启动移动设备wifi,将移动设备的wifi和mac电脑连接在同一个wifi上,保证在同一个网段。
7. 设置移动设备的代理服务器,例如:ipad 设置-wifi-当前连接的wifi,进入wifi详情,点击最下方的http代理,设置服务器地址为mac连接wifi的ip地址,端口号填写为charles代理服务器默认的8888,如下图所示:
8. 在mac电脑上,打开xampp的面板,点击“OpenApplication Foleder”打开文件夹,进入htdocs目录,创建域名目录或是文件。
例如:要请求的地址是opheliacui.ophelia.com/android/input.cfg
就在htdocs文件夹创建android文件夹,将input.cfg复制android文件夹。
9. 打开xampp面板,点击Managesevers,start apache web server,如下图所示:
10. 打开Mac浏览器输入:opheliacui.ophelia.com/android/input.cfg,这时charles会弹出框,提示是否允许一台设备访问你的电脑是否信任,点击allow,如下图所示:
11. 再用mac浏览器打开输入:opheliacui.ophelia.com/android/input.cfg,就能正确在浏览器上显示出input.cfg的内容。
12. 用步骤7设置好代理的手机浏览器访问opheliacui.ophelia.com/android/input.cfg,在mac电脑点击10的允许后,也可以访问在手机上显示出input.cfg的网页了。
13. 用此手机的客户端软件请求到服务器可以得到同样的input.cfg的内容,这时测试服务器就搭建成功了。
四、注意事项
暂无