如何使用微信开发者工具调试前后端接口

在微信小程序中，如果前后端分离开发的话，是需要通过接口来进行交互的，

因此在联系不到后台的情况下，写前端的我们应当如何测试自己的页面呢？方法如下：

微信小程序前端与后台交互的时候使用的是request请求，请求的地址必须是Http打头的，为了方便前台测试，我们可以自己先写一个我们需要的json文件，然后使用tomcat去访问。

具体做法就是：

1.在idea编辑器（其他可以做web的编辑器也可以）中新建一个web项目，

2.将微信小程序的项目文件（假设叫weixin_test）拖进web目录下，

3.配置并启动tomcat,

4.将web项目web目录下的小程序文件（假设叫weixin_test）用微信开发者打开，

5.正常使用request请求去访问我们写好的json文件即可。

6.与此同时，我们使用微信开发者工具调代码的时候idea下的那个web项目也会同步更新（因为微信开发者工具打开的是web项目下的一个子文件），前提是tomcat是启动状态，这样就可以提高编码效率啦。

原创文章，请勿转载！

如何使用微信开发者工具调试前后端接口相关推荐

微信开发者工具调试公众号网页提示: 未绑定为公众号的网页开发者
前言工作中难免需要给客户处理各种问题,此时开发者需要使用微信开发者工具调试,调试前需要客户将开发者配置为公众号的网页开发者.为了避免重复沟通,特写篇文章记录配置过程 1. 情景再现开发者使用微信开 ...
微信开发者工具-调试器
微信开发者工具-调试器调试器常用的 6 大功能模块有:Console.Sources.Network.Appdata.Storage.Wxml Console Console有两大功能: 1)开发者 ...
微信开发者工具,调试公众号网页,控制台不显示，解决方案
微信开发者工具,调试公众号网页,控制台不显示,解决方案第一步:关闭"微信开发者工具" 第二步:在C盘找到该路径 C:\Users\当前系统用户名\AppData\Local\ 在 ...
微信开发者工具调试器是空白的
微信开发者工具调试器是空白的微信开发者工具开发小程序的时候想看网络请求发现调试器是空白的,我还在想,什么垃圾,竟然不能看网络请求,然后咨询了一下客服,原来是IDE升级版本之后出现的bug,退出之后重 ...
如何使用微信开发者工具调试在微信端访问的网页
假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: ...
微信开发者工具调试大法
由于小程序的火爆,于是去开源中国接了个私活,开发一个小程序.于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了.开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样 ...
使用微信开发者工具调试微信网页授权登录-react
转:https://www.jianshu.com/p/9ced1a297c95 1.使用localhost本地调试使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号 ...
uniapp如何使用微信开发者工具调试
因为不太熟悉移动端开发,最近在上手小程序开发的时候,遇到一些问题,记录一下. 首先,技术选型为uniapp,毕竟人家是一套代码,多端运行的嘛,够强大! 1.在HBuilder中引入代码,然后使用快捷键 ...
使用uniapp开发微信公众号（H5页面），用微信开发者工具调试微信公众号
1.先引入入口.html文件参见官网https://uniapp.dcloud.io/collocation/manifest?id=h5-template 2.配置manifest.json 3. ...

如何使用微信开发者工具调试前后端接口

如何使用微信开发者工具调试前后端接口相关推荐

最新文章

热门文章