微信本地开发环境搭建

开发微信需要外网能够访问的回调地址,所以在本地进行开发就是一件很烦人的事情。一般测试的方式就是将项目的代码直接部署到服务器上面,然后在进行开发测试。但是这样每次进行了修改都需要将代码发布到服务器上面才可以进行测试,挺麻烦的。
​ 最近因为需要了解一下微信开发,但是感觉代码部署到服务器上面这种方式太麻烦了就专门查找了一下微信本地测试的方法,总结出一个可以在本地进行微信开发的环境的配置方法。

本地服务环境

​ 要进行本地开发,首先需要的就是在本地搭建代码的运行环境,这里使用PHP作为开发测试语言,推荐使用XAMMP,这是一个php集成开发包,包括PHP+MariaDB+Apache,不需要复杂的操作,只需要简单的安装配置就可以了,而且XAMMP支持windows,linux,mac不同的操作系统。

访问本地内容的网址

​ 因为微信开发需要配置一些微信回调地址,所以要在本地进行微信功能的开发,首页要解决的就是回调地址的问题,也就是微信怎么识别配置的地址访问到本地的内容。
​ 这里一共发现了两种方式,两种方式各有各的优劣。
​ 第一种:使用QQ浏览器自己开发的微信调试工具。
​ 微信开发调试工具安装使用教程
​ 结论:使用QQ浏览器的调试工具进行开发,使用起来比较简单,而且毕竟是腾讯自家的软件,而且完全免费,对于简单的开始测试来说已经够用了。但是在使用服务器调试的时候,偶尔会出现“服务启动失败,请检查网络配置”的错误,并且在不同的情况下都有出现,感觉不是太稳定;而且这个工具只有http的网址,要测试https的网址就不可以了。
​ 第二种:使用第三方的“内网穿透工具”。
​ 在这里使用的国内基于ngrok创建的natapp。两者的使用方式是基本一样,只是natapp做了一些封装,速度、操作上面更符合国人的习惯。这个软件是支持windows、linux、mac不同的操作系统。
​ 使用起来非常方便,在windows下直接就是一个natapp.exe文件,直接双击就可以运行。linux、mac下面使用命令行或者其他的方式运行就可以了。下面就是运行之后的效果:

natapp运行界面

圈起来的内容就是软件生成的外部可以访问的地址。
​ 结论:软件使用起来还是很方便的,natapp相对于ngrok速度还是操作上面都更好一点;同时这个软件支持http,https,tcp等不同的协议。不好的地方就是这个软件有免费和收费的版本,免费的版本这个地址会不定时的强制改变,这样就需要不是的修改公众号中的地址配置信息,如果选择收费版本的话,就不会有这个问题了。

公众平台测试账号

​ 做开发的时候,手里面不一定有公众号,即使有账号里面的接口功能也不一定能够全部使用,这里就要推荐“测试账号”了。这个账号可以使用微信开发的全部接口,可以满足微信开发的需要。
测试接口申请
​ 完成以上的工作,你就可以在本地随意的开发微信的功能了!

微信web开发者工具

​ 虽然上面的工具对于在本地开发微信已经足够了,但是这里还是要提一个微信发布的本地开发工具:微信web开发者工具
​ 使用这个工具,可以在Pc上面就行功能的访问,避免了每次都要拿手机,而这个工具还封装了chrome浏览器的开发者工具,方便对代码请求进行调试,是个不能错过的工具。
​ 以上就是微信本地开发环境的所有工具内容,说的不是特别详细,但是相信既然进行微信的开发,那些细枝末节的东西也都是知道,就没有太过详细的贴图、详解。希望每一个微信开发者都能开发出自己的满意产品。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,856评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,797评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,315评论 4 61
  • 假设为真 在喜欢的开始 通常假设为真 用尽各种方法 寻找条件 充分的 必然的 来证明 她说 理科生的思维 真的很难...
    陈浮点阅读 1,365评论 0 1
  • Android 5.0 APIs NFC enhancementsAndroid 5.0 adds these e...
    justin_pan阅读 4,716评论 0 2