• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >微信公众号 > 微信怎样进行本地调试

微信怎样进行本地调试

作者:匿名 字体:[增加 减小] 来源:互联网

匿名通过本文主要向大家介绍了等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

微信开发如何做本地调试?

假装有人邀,刚好最近团队也碰到类似的问题,一点点经验拿来分享一下。

只说说本地调试。
通常微信 web 端的页面都需要发布到外网,碰上极其难用复杂的发布系统,我们前端狗们也是吐槽无力,就算 FTP 一来一回的方便,但本身这样做就是不科学(优雅)的搞法。因为对于线上已有的版本,在没开发测试完之前谁也不敢甩到外网。
在传统的桌面 web 端开发流程里,本地开发完成后的环节是测试联调,所以先讲讲怎么给设备配 HOST。

1. 给设备配 HOST

世界上最遥远的距离,你在外网,我在测试环境。

改设备的 HOST 文件本身就是高级(变态)玩法,所以默认情况下是没有权限来更改的。但是,iOS 设备在越狱后,Android 设备在 root 后你就能随便乱来了,专门用来改host 文件的应用也是一搜一大把,当然前提是你得把设备越狱和 root 。
这儿只讲讲在没有越狱和 root 的情况下怎么给设备配 HOST。
主要的思路就是,通过一台主机作为代理服务器,手机通过 HTTP 代理连接过来,手机上所有的 HTTP 请求都经过主机代理,这样只要更改主机的 HOST 就可以达到目的了。
Team 就只有我和 @xzheng 两个人,我们都是 MacbookPro 办公的果狗,平台比较统一所以比较好办。
我们用到的工具:

  • 一台接入到 WiFi 的 iMac

  • 任意多台接入到同 WiFi 网段的移动设备,iOS 或 Android 不限

  • 用来开启代理服务和抓包的应用 Charles (Charles Web Debugging Proxy ? HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy)

  • HOST 管理应用 Gas Mask (2ndalpha/gasmask · GitHub)

主要的步骤是:

  1. 将 iMac 和设备都连接到同一 WiFi 下 ,并保证他们在同一网段,比如:
    iMac 192.168.1.88
    iPhone 192.168.1.101

  2. 通过 Charles 打开 iMac 的代理服务,并抓包


  3. 把设备 HTTP 代理设置成手动,服务器地址为 iMac 的 IP,端口号默认为 8888



  4. 通过 Gas Mask 来修改 iMac 的 HOST 文件



所以,整个的流程看上去是这个样子的:
顺带一提这样做的一个好处,微信内置的 Webview 里很多的 JS API 是要申请权限的,(理论上)微信会对当前 URL 所在域名进行权限校验。所以,如果不用与外网真实环境一致的域名就不能调用到这些 API 的方法,HOST 就很好的避免了这个问题。
以上,手机上所有 http://dianhua.qq.com 的请求都经由 Charles 的代理来到了主机上,主机因为被修改了 HOST,http://dianhua.qq.com 的请求间接的被转到了 HOST 文件里设置的 IP。

2. 本地调试
看到题主一遍一遍的提到 Zend Studio 我就乐了,PHP狗来嘛,HOST 都解决了,本地调试还不简单:

  1. 按上面提到的方法,将手机 HTTP 代理连接到主机

  2. 在主机上开启一个本地环境,要问 PHP 环境哪家强,我默默地打住选了 XAMPP

  3. 将主机 HOST 改到本机 127.0.0.1 http://dianhua.qq.com

整个的过程是这样的:


以上,手机上 http://dianhua.qq.com 的请求经由主机,在 HOST 文件的影响下都跑去主机的 htdoc 目录。
这边保存,那边刷新,巴适惨得哭。

以上的例子是 Mac 环境,Windows 下 Fiddler + Willow 的无敌组合是一样的,如有需要可以试试。

这是我们做法,希望对题主有用,就这样。

以上就是微信怎样进行本地调试的详细内容,更多请关注其它相关文章!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • ASP.NET微信开发接口指南详细介绍
  • 微信开发之数据库操作
  • 关于名片盒、名片夹的详解
  • 有关微信用户的文章推荐10篇
  • 关于ecma的详细介绍
  • 总结标记语言(Markdown)的使用介绍
  • 微信公众平台开发管理后台开发
  • 关于帐号开发的10篇文章推荐
  • C#微信公众号开发--网页授权(oauth2.0)获取用户基本信息二
  • 微信开发接收图片消息的接口和参数

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 微信公众号开发的详细介绍
    • 微信开发系列教程(2)
    • Force.com微信开发生成带参数的二维码
    • 关于准备阶段的详细介绍
    • 有关微信网页开发的文章推荐10篇
    • C#微信开发之旅:基础类之HttpClientHelper(更新:SSL安全策略)
    • 微信开发入门(四)触控事件
    • 微信授权登录并获取用户信息接口
    • 微信开发之准备阶段的图文代码介绍
    • 有关微信用户的文章推荐10篇

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有