热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

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

一般在开发web应用时,都会有一个内测环境,比如dev.xx.com通过设置host可以让公司内部人员预览测试。由于在桌面端设置host非常方便,因此公司内各个工种,不管是开发,产品,测试都可以很方便的配环境(就是设个host)。当针对手机浏览器做web开发是问题来了,因为手机设host(或者设置代理)并不容易,对于开发测试人员不是问题,但对于其他工种就很不方
一般在开发 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劫持
推荐阅读
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • Centos7.6安装Gitlab教程及注意事项
    本文介绍了在Centos7.6系统下安装Gitlab的详细教程,并提供了一些注意事项。教程包括查看系统版本、安装必要的软件包、配置防火墙等步骤。同时,还强调了使用阿里云服务器时的特殊配置需求,以及建议至少4GB的可用RAM来运行GitLab。 ... [详细]
  • 本文介绍了Python高级网络编程及TCP/IP协议簇的OSI七层模型。首先简单介绍了七层模型的各层及其封装解封装过程。然后讨论了程序开发中涉及到的网络通信内容,主要包括TCP协议、UDP协议和IPV4协议。最后还介绍了socket编程、聊天socket实现、远程执行命令、上传文件、socketserver及其源码分析等相关内容。 ... [详细]
  • 本文讨论了同事工资打听的话题,包括同工不同酬现象、打探工资的途径、为什么打听别人的工资、职业的本质、商业价值与工资的关系,以及如何面对同事工资比自己高的情况和凸显自己的商业价值。故事中的阿巧发现同事的工资比自己高后感到不满,通过与老公、闺蜜交流和搜索相关关键词来寻求解决办法。 ... [详细]
  • 这是原文链接:sendingformdata许多情况下,我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单,但是 ... [详细]
  • 禁止程序接收鼠标事件的工具_VNC Viewer for Mac(远程桌面工具)免费版
    VNCViewerforMac是一款运行在Mac平台上的远程桌面工具,vncviewermac版可以帮助您使用Mac的键盘和鼠标来控制远程计算机,操作简 ... [详细]
  • 本文详细介绍了云服务器API接口的概念和作用,以及如何使用API接口管理云上资源和开发应用程序。通过创建实例API、调整实例配置API、关闭实例API和退还实例API等功能,可以实现云服务器的创建、配置修改和销毁等操作。对于想要学习云服务器API接口的人来说,本文提供了详细的入门指南和使用方法。如果想进一步了解相关知识或阅读更多相关文章,请关注编程笔记行业资讯频道。 ... [详细]
  • 如何基于ggplot2构建相关系数矩阵热图以及一个友情故事
    本文介绍了如何在rstudio中安装ggplot2,并使用ggplot2构建相关系数矩阵热图。同时,通过一个友情故事,讲述了真爱难觅的故事背后的数据量化和皮尔逊相关系数的概念。故事中的小伙伴们在本科时参加各种考试,其中有些沉迷网络游戏,有些热爱体育,通过他们的故事,展示了不同兴趣和特长对学习和成绩的影响。 ... [详细]
  • 如何用UE4制作2D游戏文档——计算篇
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了如何用UE4制作2D游戏文档——计算篇相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 图解redis的持久化存储机制RDB和AOF的原理和优缺点
    本文通过图解的方式介绍了redis的持久化存储机制RDB和AOF的原理和优缺点。RDB是将redis内存中的数据保存为快照文件,恢复速度较快但不支持拉链式快照。AOF是将操作日志保存到磁盘,实时存储数据但恢复速度较慢。文章详细分析了两种机制的优缺点,帮助读者更好地理解redis的持久化存储策略。 ... [详细]
  • 计算机存储系统的层次结构及其优势
    本文介绍了计算机存储系统的层次结构,包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体,形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低,使得整体存储系统的平均价格降低。同时,高速缓存的存取速度可以和CPU的工作速度相匹配,进一步提高程序执行效率。 ... [详细]
  • 本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念,以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器,包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实,适合初学者了解Tomcat的基础知识。 ... [详细]
  • 数字账号安全与数据资产问题的研究及解决方案
    本文研究了数字账号安全与数据资产问题,并提出了解决方案。近期,大量QQ账号被盗事件引起了广泛关注。欺诈者对数字账号的价值认识超过了账号主人,因此他们不断攻击和盗用账号。然而,平台和账号主人对账号安全问题的态度不正确,只有用户自身意识到问题的严重性并采取行动,才能推动平台优先解决这些问题。本文旨在提醒用户关注账号安全,并呼吁平台承担起更多的责任。令牌云团队对此进行了长期深入的研究,并提出了相应的解决方案。 ... [详细]
  • 众筹商城与传统商城的区别及php众筹网站的程序源码
    本文介绍了众筹商城与传统商城的区别,包括所售产品和玩法不同以及运营方式不同。同时还提到了php众筹网站的程序源码和方维众筹的安装和环境问题。 ... [详细]
  • 树莓派语音控制的配置方法和步骤
    本文介绍了在树莓派上实现语音控制的配置方法和步骤。首先感谢博主Eoman的帮助,文章参考了他的内容。树莓派的配置需要通过sudo raspi-config进行,然后使用Eoman的控制方法,即安装wiringPi库并编写控制引脚的脚本。具体的安装步骤和脚本编写方法在文章中详细介绍。 ... [详细]
author-avatar
碧落无双2502879687
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有