如何利用charles转包工具,测试本地微信授权以及分享相关

众所周知微信公众公众平台,允许的授权域名只有两个,所以比较普遍的调试方法有两个:

  1. 区分测试环境和正式环境域名,每次测试发布测试域名
  2. 利用微信开发概述自带的测试微信公众号测试,叫后端全部写成测试的appid,微信测试公众号申请

这两种方法都需要后端配合,下面我就来讲讲利用抓包工具charles来代理到本地进行测试

准备

  • chales抓包软件,教程如下转包教程
  • 微信开发者工具

前提是微信公众平台的授权域名和js接口安全域名已经设置,后端用的是你配置的生产的appid和appsecret
假设设置的域名为:www.test.com
如何利用charles转包工具,测试本地微信授权以及分享相关_第1张图片

开始

  • 首先启动本地项目,拿到本地的ip和端口
    如何利用charles转包工具,测试本地微信授权以及分享相关_第2张图片
  • charles配置代理, Tools -> Map Remore -> Enable Map Remore
    From : 生成的域名和微信公众平台配置的网页授权域名、接口安全域名一致https://www.test.com
    To: 我们启动项目的ip和端口
    如何利用charles转包工具,测试本地微信授权以及分享相关_第3张图片
  • 然后打开微信公众平台输入我们访问的域名https://www.test.com,页面就会被代理到我们本地调试,接口也是会通过的。

你可能感兴趣的:(随笔,微信,前端)