手把手教你实现H5微信分享

导语

使用微信分享，可以获得更好的传播效果。那如何利用微信公众号向好友进行信息分享呢？

这里以分享 微信红包 为例，手把手教大家实现微信授权与分享。

步骤一. 用户信息获取

1. 注册测试公众号

我们在 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 可以申请一个测试账号，在测试号管理的页面中能够看到我们appId等信息，这里有个接口配置信息修改的选项需要我们去填写

这里就要麻烦后端的同学为我们提供URL和Token（URL是开发者用来接收微信消息和事件的接口URL。Token可由开发者任意填写，用作生成签名） 该Token会和接口URL中包含的Token进行比对，从而验证安全性。

2. 微信网页授权

在项目中需要获取用户个人信息，比如手机号和微信头像等，这里我们需要微信网页授权才可以实现，首先在微信测试号管理中找到体验接口权限表

点击修改进入：

将你网页的域名添加进去，配置完成后我们对这个路径进行访问https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect 即可拿到code值，从而拿到openid等个人信息。

3. 配置后路径的修改

① .appid为我们测试号中的appid

② .redirect_uri为我们页面路径，访问微信提供的路径会获取code值重定向到我们页面路径（这里的url需要进行urlEncode`处理）

③ . scope的值有两种：

• snsapi_base为静默授权，用户无感知&#x