前言:
h5页面分享到微信中需要走微信鉴权,下面是我的一些经验总结。首先:
细读官方文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp14211415。
你需要一个微信公众号,并且有对应的分享权限,比如该公众号已经获得分享微信朋友圈、分享QQ、分享微信朋友等权限。通常情况下,公司旗下的微信公众号是具有这些权限。
下面是没有权限情况:
![79452670872d0a6b89e9bc6a48bb55b0.png](https://i-blog.csdnimg.cn/blog_migrate/04c3c1b99d964b9421c01a124f379639.jpeg)
接下来分为两部分:第一部分——>服务端
你需要后台去完成鉴权,如果没有后台帮你,自己可以用php实现:
![40b6920f909ca669f786648b0a836a88.png](https://i-blog.csdnimg.cn/blog_migrate/615501c1efcc27c81f5e973a2b90bb75.jpeg)
其中红框部分appId及appSecret 需要公众号提供,在微信公众平台基本配置里面可以找到。
这个php引入了jssdk.php,下载地址是:http://demo.open.weixin.qq.com/jssdk/sample.zip
php写好之后,你需要把php文件上传到对应的服务器(最好是跟需要分享的页面一个服务器),并配置nginx并启动,让页面可以访问到
![40ccea0a144d935e7b57aee61f4a2c31.png](https://i-blog.csdnimg.cn/blog_migrate/af869984c6b3f946ce7400fcaf066e13.jpeg)
最后,你还需要操作两步:
1、把服务器的ip地址复制下来粘贴到 微信公众号平台——开发——基本配置——ip白名单那里,如下:
![753a3cdfe2a71893940fb8e0b4db804f.png](https://i-blog.csdnimg.cn/blog_migrate/459caa93a200e549ef3b230461fc4435.jpeg)
2、你需要在微信公众号平台——公众号设置——功能设置——JS接口安全域名添加域名:
![fdb3c49573e768d56c3dd4b559bf4d92.png](https://i-blog.csdnimg.cn/blog_migrate/e1bd30d91d04025bad622659f12c5d52.jpeg)
配置时,请认真查阅说明。第二部分——>前端
1、首先引入微信分享api
![d28145f01e14d2486e61c9cfa9317d78.png](https://i-blog.csdnimg.cn/blog_migrate/07c3afa9ccc5ccc7722817e32a2e1154.jpeg)
2、下面是jq的请求方式
![e85d7d4ed41a2ab5e7647e00a421aa3f.png](https://i-blog.csdnimg.cn/blog_migrate/efc5a5d4b1995a0a30b72945877a4660.jpeg)
最后你就可以分享了!