微信公众号JSSDK接入时invalid signature错误怎么办？

本文共计2144个文字，预计阅读时间需要9分钟。

最近在搞微信公众号新开发，网页开发部分被坑了一天，最坑的问题就是invalid signature，网上大部分解答都没说清楚，都直接丢文档。博主觉得这样很不好。原文是...

最近在搞微信公众号开发，进行到网页开发部分被坑了一天，最坑的问题就是invalid signature，而网上大部分解答这个问题的都没有说清楚，都直接丢文档。博主认为这样很不好。本文是博主结合自身遇到的问题所写，整个流程跟问题都很详细，虽然排版可能有点不好。但是绝对对遇到类似问题的朋友有所帮助。请认真看下去

一、绑定JS接口安全域名

生产号绑定方法：登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
测试号绑定方法：进入测试号管理页面，找到JS接口安全域名项绑定
JS接口安全域名官方说法是：开发者可在该域名下调用微信开放的JS接口
域名格式：如果你的项目域名是test.domain.com,那么JS接口安全域名为test.domain.com。