在浏览器上调试公众号网页的操作流程

痛点说明

在实际开发过程中，公众号或者小程序开发都涉及到授权登录，我们最初原始的做法都是写好代码后，发布在测试环境中，然后再进行调试，有一个头痛的点在于如果你要验证你的想法，改动js的话，那么必须重新打包编译。打包和发布都是非常耗时的。引出痛点：是不是可以在开发环境的热更新过程中实现调试公众号网页呢？

需要理解的点：

1、公众号是一个h5的页面，在开发者工具和在浏览器去发起网络请求，渲染页面都是一样的。不要神话公众号的网页。
2、后台的接口在能不能通，在于后台的接口对授权凭证的限制
3、后台的接口只是想要一个凭证，证明你已经微信授权过了
4、微信授权的步骤在开发工具中走掉，后台的授权凭证就有了
5、有了授权凭证就放在每次请求的http头部协议里面
6、web server可以通过中间件代理http请求

下面介绍的是有了凭证之后，怎么具体实现，以VUE为例子。
跟微信交互获取access-token，access-token是我们的服务器跟微信交互的凭证。通常有两种方法把access-token用于接口凭证交互。服务端通过access-token来判断用户是否登录微信，获得授权，以及微信配置信息。
第一种做法是后台服务器通过一个接口暴露这个access-token给前端，前端拿到后，对所有接口请求进行加工，比如加密后放在请求的headers['Authorization']="Basic access-token";
第二种做法是后端在后台静默地将access-token写入当前浏览器的cookie