本文分享基于公众号的微信H5开发项目经验，详细介绍了微信H5页面授权登录流程，包括申请公众号、配置域名、设计菜单、获取和使用代码、 ，以及商业协会和安全预防措施也很重要。

CSDN通过智能技术生成的摘要

记一个基于公众号的微信H5开发项目（一）

微信H5页面授权

过去一年，项目主要以B端为主。今年年初，公司承接了一个C端项目。微信H5开发基于工作号，需要微信授权登录、拉取用户信息、扫码、支付等功能。记录下来。

授权登录

微信授权登录：

首先你需要甲方获取信息申请公众号，然后给你开发权限。然后配置白名单中的域名，注意不要包含，（开发-接口权限-Web服务-Web帐号-Web授权获取用户基本信息-配置回调域名），设计公众号菜单，获取微信授权代码的链接放在按钮上。这样，当用户点击的时候，就直接相当于去微信获取代码了。微信会将代码和参数拼接到你的回调地址中，并在我的项目中跳转到你的回调地址（通常是项目主页）。分为3个部分：PC端B端、基于公众号的B端、基于公众号的C端。公众号B端只需要，静默授权就够了。 C端需要获取用户信息，所以选择这里。做出了区分。从回调地址中获取code，然后发送到后端。后端会使用该代码获取登录金额；如果需要刷新，就用上一步获取到的去请求即可；如果需要拉取用户信息，则切换到获取界面，拿走即可；用户对于单个公众号是唯一的，这一点需要注意。如果将小程序和小游戏关联到同一个公众号所有者下，似乎就可以使用了。本项目暂无涉及相关业务。我只是好奇，所以查阅了相关文档，这里就不记录了。

业务相关及注意事项首先，在B端，基于我们后台系统，每个用户也有一个账号，所以需要获取用户微信账号的相关信息，并与系统账号进行关联。基于他的唯一性可以将用户的微信帐号与系统帐号关联起来。我们后端也是第一次开发微信相关功能，所以他在获取的时候就出错了，调用了这个接口。但实际上，这是小程序获取时使用的接口，而不是公众号。的。还有一个基本的东西是必须获得的。官方文档还指出，获取用户信息的代码和这个基础的不同，但是基础也很重要。许多其他功能需要它作为证书。为此，您必须获取并保存它，并注意它的有效期只有 2 小时。要获取回调地址中的代码，只需要在阶段使用一个变量来接收即可。然后就可以得到包含所有后续参数信息的字符串，然后进行剪切。然后将代码发送到后端直接获取，因为用户在登录页面还是需要登录我们的后端系统的。这时，添加一个加载屏蔽层，防止网络不好时用户返回后端。单击登录按钮。文档中规定不应该由前端获取，而应该由后端获取，这样更安全。毕竟每个功能开发每个人都有第一次，并不是每个人都有前辈一步一步指导你，所以学会自己阅读官方文档非常重要。微信H5开发文档。

下一篇文章会讲它的使用以及如何在H5中激活微信扫一扫功能。