移动端web开发的内测环境如何配置?-
作者:碧落无双2502879687 | 来源:互联网 | 2018-06-27 10:01
一般在开发web应用时,都会有一个内测环境,比如dev.xx.com通过设置host可以让公司内部人员预览测试。由于在桌面端设置host非常方便,因此公司内各个工种,不管是开发,产品,测试都可以很方便的配环境(就是设个host)。当针对手机浏览器做web开发是问题来了,因为手机设host(或者设置代理)并不容易,对于开发测试人员不是问题,但对于其他工种就很不方
一般在开发 web 应用时,都会有一个内测环境,比如 http://dev.xx.com 通过设置 host 可以让公司内部人员预览测试。由于在桌面端设置 host 非常方便,因此公司内各个工种,不管是开发,产品,测试都可以很方便的配环境(就是设个host)。
当针对手机浏览器做 web 开发是问题来了,因为手机设 host (或者设置代理)并不容易,对于开发测试人员不是问题,但对于其他工种就很不方便了。
我目前是想把内测域名也加到 DNS 里,又感觉不妥。 只在固定的开发测试机上预览又不大方便。在公司内网做设置,又不能在家里测试。
请问各位是如何处理的?
回复内容:
如果你用node开发,可以用我写的这个包:hax/demoshare · GitHub
如果是其他语言,可以参照之写一个。
简单说就是两个功能:
1. 使用ngrok将本机服务公开到互联网上(由ngrok服务分配一个临时域名)
2. ngrok联通后会在命令行现实上面分配的网址对应的二维码,手机扫一下即打开
注,如果是公司policy限制必须在内网,第一点就不能用,但第二点还是可以的。比如直接IP上二维码。当然更好的是内部建立一个类似ngrok的映射服务。
分享一个最近刚学到的一个win平台开发移动端页面的测试方法。
使用win自带的IIS服务。
只要手机和电脑使用同一个wifi就好。
原理大概是把win模拟成服务器状态。
具体配置可以百度,挺简单的。
把链接转换为二维码,直接微信扫一扫。
就可以真机测试了。
;)
瞎搞代理小心被安全组的帅哥美女找上门呦。
公司的情况是,有开发网、办公网、测试网。测试网可以访问开发网,其他相互隔离。
私开wifi相当于直接给开发网开了个洞,会违反安全政策。
搞http代理相当于连通了开发网与办公网,也违反安全政策。
所以还是联系运维同事搞DNS或者VPN吧。
如果只是求最简单的方法的话, 装个fiddler(Mac上charles), 设置允许其他机器访问监听端口.
手机上只要把http proxy地址设为台式机ip和fiddler端口即可
无需在手机上改host, 在家也无需在手机上连接公司vpn,只需要在家里pc上改host, 或者连vpn, 然后装个fiddler.....
公司和家里都是用 OpenWrt 系统的路由器,修改 etc/hosts 即可,无需在客户端设置。
我在自己电脑装fiddle.然后本机配host,要测试的手机都通过wifi的高级选项proxy连到我电脑上,这样可以监测所有请求。但是还是有很多小白不晓得怎么配,所以我又想了个法子,我请运维的帮我配了台Vpn, 这台Vpn的DNS指到内部一台机子,然后把后台操作权限给了我,这样的话只要我想让公司的域名指到哪台机子就可以设置指到哪台机子,连这个VPN就是测试环境,断开就是正式环境,不管是手机上还是电脑上,是不是很方便?:)
方法一:
硬件投入,配一个小度wifi(其他wifi应该都可以,主要看驱动程序是否屏蔽host),价格才20块钱。
工作方式
1.小度wifi插入电脑建立自己的无线网络;
2.手机连接电脑共享出来的wifi;
3.电脑和以前web项目一样配置host。
这个时候手机访问 项目的时候,会通过wifi 走 电脑的 host。和以前pc项目工作好无差异。
比如 电脑配置 host 把 http://zhihu.com 指向本机,那么这个时候 用小度wifi的信号源接入的手机也会访问到本机。
缺点:
在同一个办公区太多人用这种wifi分享硬件的话会导致局域网路由器的wifi可能连接不稳定,信道的原因。同一范围内太多wifi信号源互相会干扰。所以建议如果非开发阶段还是吧 自己的wifi给关掉或者拔掉。另外就是 这种wifi设备信号范围太小了,估计就10米。走出这个范围就连不上了。
方法二:
连接公司的局域网,然后再手机上连接wifi的时候 设置好代理,代理到自己电脑上,然后自己电脑上运行fiddler,就是 @申毅 说的那种方法,这种方法有点在于不需要硬件投入,并且如果自己平时项目经常用fiddler来调试的话,用这种手段简直是太爽了。提供一篇教程
使用Fiddler调试手机页面请求
缺点:公司的wifi环境如果不好的话,干起活了真的会很痛苦。
最后,如果你买的 USBwifi设备提供的驱动不支持走host,(也就是说,通过wifi接入的时候不会走电脑host),但是公司提供的wifi应为太多人用了确实速度一般,可以把方法一,和方法二结合。
最后的最后,对于整个团队来说,可以同时使用方法1,和方法2的,不需要统一使用一种方式。目前我们测试都是使用方法2的,因为他们常常要拿着手机跑老远给技术讨论bug,所以小wifi这种设备信号范围太小不适合他们。
我们前端用的是 小度wifi 驱动版本是3.0.3.0 之后的版本不知道为什么把host给屏蔽了,估计是出于安全原因,怕人家在公众场合架设wifi修改host然后劫持用户(不过这10米的信号源能劫持个啥?)
fiddler劫持
推荐阅读
-
本文将分享一个使用HTML5技术实现的经典小游戏——《贪吃蛇》。通过H5技术,我们将探讨如何构建这款游戏的两种主要玩法:积分闯关和无尽模式。 ...
[详细]
蜡笔小新 2024-11-21 20:16:59
-
本文深入探讨了软件测试行业的发展现状及未来趋势,旨在帮助有志于在该领域取得高薪的技术人员明确职业方向和发展路径。 ...
[详细]
蜡笔小新 2024-11-21 17:32:44
-
-
在开发微信公众号或小程序的时候,由于微信平台规则的限制,部分接口需要通过线上域名才能正常访问。但我们一般都会在本地开发,因为这能快速的看到 ...
[详细]
蜡笔小新 2024-11-21 11:15:53
-
本文探讨了Git作为版本控制工具的基本概念及其重要性,不仅限于代码管理,还包括文件的历史记录与版本切换功能。通过对比Git与SVN,进一步阐述了分布式版本控制系统的独特优势。 ...
[详细]
蜡笔小新 2024-11-24 19:32:57
-
STM32代码编写STM32端不需要写关于连接MQTT服务器的代码,连接的工作交给ESP8266来做,STM32只需要通过串口接收和发送数据,间接的与服务器交互。串口三配置串口一已 ...
[详细]
蜡笔小新 2024-11-23 21:37:55
-
本文探讨了开发者如何更有效地学习鸿蒙操作系统,提供了来自行业专家的建议,包括系统化学习方法、职业规划建议以及具体的开发技巧。 ...
[详细]
蜡笔小新 2024-11-23 19:22:14
-
本文回顾了作者在求职阿里和腾讯实习生过程中,从最初的迷茫到最后成功获得Offer的心路历程。文中不仅分享了个人的面试经历,还提供了宝贵的面试准备建议和技巧。 ...
[详细]
蜡笔小新 2024-11-22 19:32:32
-
近期,关于Android开发行业的讨论在多个平台上热度不减,许多人担忧其未来发展。本文将探讨当前Android开发市场的现状、薪资水平及职业选择建议。 ...
[详细]
蜡笔小新 2024-11-21 18:08:07
-
本文详细介绍了如何利用jQuery和百度地图API将地址转换为经纬度,包括申请API密钥、页面构建及核心代码实现。 ...
[详细]
蜡笔小新 2024-11-24 14:33:10
-
本文详细介绍了如何在Windows和Linux系统上配置Openfire服务器,包括安装步骤、数据库配置及端口映射等关键环节。 ...
[详细]
蜡笔小新 2024-11-24 12:33:03
-
本文详细探讨了如何根据不同的应用场景选择合适的PHP版本,包括多版本切换技巧、稳定性分析及针对WordPress等特定平台的版本建议。 ...
[详细]
蜡笔小新 2024-11-23 17:00:59
-
本文探讨为何Request对象的外观设计被认为是精妙的,重点在于其如何利用门面模式确保数据安全,同时保持系统的高效交互。 ...
[详细]
蜡笔小新 2024-11-23 16:23:12
-
本文探讨了使用Python实现监控信息收集的方法,涵盖从基础的日志记录到复杂的系统运维解决方案,旨在帮助开发者和运维人员提升工作效率。 ...
[详细]
蜡笔小新 2024-11-23 11:25:14
-
本文将详细探讨 Python 编程语言中 sys.argv 的使用方法及其重要性。通过实际案例,我们将了解如何在命令行环境中传递参数给 Python 脚本,并分析这些参数是如何被处理和使用的。 ...
[详细]
蜡笔小新 2024-11-22 10:06:30
-
本文详细介绍了如何在Oracle VM VirtualBox中实现主机与虚拟机之间的数据交换,包括安装Guest Additions增强功能,以及如何利用这些功能进行文件传输、屏幕调整等操作。 ...
[详细]
蜡笔小新 2024-11-21 18:13:22
-
碧落无双2502879687
这个家伙很懒,什么也没留下!