微信非静默授权Demo示例

微信授权流程里的非静默拉取用户信息,比较适合用来做首次进入公众号页面时的引导。这个 demo 做得挺实在的,封装得也比较清晰,像是 redirect_uri 拼接、授权 code 获取、用户信息回调这几个流程都串得顺,而且写法也比较贴近实战,调试起来方便。

授权用的是非静默模式,能拿到用户的头像、昵称这些公开信息。用在比如活动页、落地页那种场景还挺合适的,是想让用户先看内容再考虑关注的那种。比纯静默授权多一步操作,但获取信息这块更有价值。

页面跳转那块建议你提前好微信白名单,不然会被卡住。还有一点,URL 编码别忘了,不然你会发现跳转回调老是出错。像 encodeURIComponent 这种方法,最好封装起来用,避免忘记。

如果你之前搞过类似微博、支付宝授权的流程,那你会觉得这个微信的方式其实也不算麻烦,逻辑差不多,区别主要在域名和 scope 上。想对比下其它授权方式的,可以看看这些链接,像Vue 里的微信网页授权方案ASP.NET 的微信授权流程也都还不错。

如果你在做微信公众号相关的项目,是用户初次接触页面时的身份识别,这份 demo 可以直接拿来改造一下用。嗯,还是蛮省时间的。

zip 文件大小:3.19KB