如何详细记录微信网页分享功能的开发步骤？

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

需求+最近在做一个项目需求，分享领好书活动，获取用户的个人信息及unionID，并引导用户分享给好友或朋友圈，达到裂变效果。在做的过程中遇到了一些坑，所以回过头来总结。

需求

最近在做一个项目需求，分享领好书活动，获取用户的个人信息以及unionID，并诱导用户分享给好友或朋友圈，达到裂变拉新的目的。在做的过程中遇到了一些坑的地方，所以回过来总结一下

技术方案

使用微信JS-SDK自定义分享到好友和分享到朋友圈

实现步骤

1、要实现微信H5网页自定义分享功能，必须先熟悉下微信公众平台开发文档，具体文档里面说的很详细，这里说下需要注意的点，别忘了绑定开发者权限，还有绑定js安全域名，要不然有可能会报redirect_uri参数错误。

2、首先一般在做微信H5网页活动，都需要获取用户的个人信息，这就需要用户授权，一般授权有两种方式，一种是静默授权，一种是网页授权，这个在微信开发文档说的很详细。

对于已关注公众号的用户，如果用户从公众号的会话或者自定义菜单进入本公众号的网页授权页，即使是scope为snsapi_userinfo，也是静默授权，用户无感知
一般网页授权流程分为四步：

①引导用户进入授权页面同意授权，获取code

②通过code换取网页授权access_token（与基础支持中的access_token不同）

③如果需要，开发者可以刷新网页授权access_token，避免过期

④通过网页授权获取用户基本信息（openid 、UnionID、个人头像、性别、省市、微信昵称等）

3、下面是具体实现代码，说下大概思路，通过判断参数是否在微信浏览器中打开，是否让用户授权，并重定向到微信的接口拿到code后通过接口传给后端返回用户的基本信息。