移动端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劫持
推荐阅读
-
本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ...
[详细]
蜡笔小新 2024-12-27 13:55:14
-
本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ...
[详细]
蜡笔小新 2024-12-27 11:10:05
-
-
在现代网络环境中,两台计算机之间的文件传输需求日益增长。传统的FTP和SSH方式虽然有效,但其配置复杂、步骤繁琐,难以满足快速且安全的传输需求。本文将介绍一种基于Go语言开发的新一代文件传输工具——Croc,它不仅简化了操作流程,还提供了强大的加密和跨平台支持。 ...
[详细]
蜡笔小新 2024-12-26 16:16:06
-
网络运维工程师负责确保企业IT基础设施的稳定运行,保障业务连续性和数据安全。他们需要具备多种技能,包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ...
[详细]
蜡笔小新 2024-12-26 14:35:04
-
本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ...
[详细]
蜡笔小新 2024-12-26 13:30:37
-
本课程将带你从零开始,逐步掌握数据库内核开发的基础知识和实践技能,重点介绍如何搭建OceanBase的开发环境。 ...
[详细]
蜡笔小新 2024-12-27 16:38:48
-
本文通过一系列日记记录了从发现漏洞到逐步加强安全措施的过程,探讨了如何应对网络攻击并最终实现全面的安全防护。 ...
[详细]
蜡笔小新 2024-12-27 11:34:50
-
本文详细分析了Hive在启动过程中遇到的权限拒绝错误,并提供了多种解决方案,包括调整文件权限、用户组设置以及环境变量配置等。 ...
[详细]
蜡笔小新 2024-12-26 19:14:29
-
本文记录了在使用阿里云服务器部署MongoDB后,通过MongoDB Compass进行远程连接时遇到的问题及解决方案。详细介绍了从防火墙配置到安全组设置的各个步骤,帮助读者顺利解决问题。 ...
[详细]
蜡笔小新 2024-12-26 17:50:02
-
本文详细探讨了HTTP 500内部服务器错误的成因、解决方案及其在Web开发中的影响。通过对具体案例的分析,帮助读者理解并解决此类问题。 ...
[详细]
蜡笔小新 2024-12-26 16:55:25
-
本文介绍了如何使用PHP代码实现微信平台的媒体素材上传功能,详细解释了API接口的使用方法和注意事项,确保文件路径正确以避免常见的错误。 ...
[详细]
蜡笔小新 2024-12-26 16:54:06
-
最近重新审视了新浪云平台(SAE)提供的服务,发现其已支持Python开发。本文将详细介绍如何利用Django框架构建一个简单的新浪微博应用,并分享开发过程中的关键步骤。 ...
[详细]
蜡笔小新 2024-12-26 13:36:52
-
本文详细介绍了如何在不同场景下进行 MySQL 数据库的迁移,包括从一个硬盘迁移到另一个硬盘、从一台计算机迁移到另一台计算机,以及解决迁移过程中可能遇到的问题。 ...
[详细]
蜡笔小新 2024-12-26 13:21:38
-
通过与阿里云的合作,牛客网成功解决了跨国视频面试中的网络卡顿问题,为求职者和面试官提供了更加流畅的沟通体验。 ...
[详细]
蜡笔小新 2024-12-26 06:14:52
-
SRIOV介绍、VF直通配置,以及包转发率性能测试小慢哥的原创文章,欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ...
[详细]
蜡笔小新 2024-12-25 19:26:39
-
碧落无双2502879687
这个家伙很懒,什么也没留下!