背景：这次是需要将一个h5网页接入到已经有的微信公众号上，踩了很多坑，所以想把其中的一些注意事项记录下来，欢迎各位大佬指点

准备工作：

1、微信公众号

       对于已经有的就直接找管理员要一下appId和秘钥，没有的拿着相关材料申请一个，请注意微信平台的账号分为订阅号、服务号和小程序，申请之前先确认哪种账号满足需求，如果系统内有需要消息模版的，推荐使用服务号，微信公众平台链接：https://mp.weixin.qq.com/

2、配置服务器环境

        我的项目是前后端分离，正式环境由后端开发人员去配置，我本地只是自己起了一个Tomact的服务，通过花生壳这个内网穿透工具映射了一个外网域名，用来测试，为了保证安全性请务必使用https协议     

3、有了上面的步骤，就可以进行相关配置了

       （1）白名单：前端的本地IP、后端本地IP、服务器域名

       （2）获取access_token：通过使用AppID和AppSecret，使用微信开放平台提供的API获取access_token，这是与微信服务器进行交互的凭证

       （3）自定义菜单：将获取微信授权code的连接放置在按钮上，这样用户点击的时候就直接找微信获取到一个code，微信就会将code和state参数拼接到你的回调地址上，并直接跳转到你的回调地址(一般就是项目的首页)

注意：https://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=redirect_urihttps://open.weixin.qq.com/connect/oauth2/authorize?appid=appid&redirect_uri=

redirect_uri：就是你的回调地址，一般要用encodeuricomponent进行编码,需要注意的是为了安全，最好使用https协议，且回调域名和公众号的js安全域名需要配置一致，如果不一致就会出现redirect_uri参数错误的报错，其他参数具体需要怎么写参考微信开放文档

        (4)js接口安全域名：只填服务器域名

4、从回调地址中把code取到了，然后发给后端，由后端拿code去获取登陆的access_token和openId，这样安全一点

最后，只要通过服务器域名能访问到h5页面就可以了