欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

移动端 web 开发的内测环境如何配置?

程序员文章站 2024-01-04 18:57:35
...
一般在开发 web 应用时,都会有一个内测环境,比如 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 把 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劫持

上一篇:

下一篇: