微信分享JS-SDK总结
来源:互联网 发布:js if null undefined 编辑:程序博客网 时间:2024/05/19 21:04
分享文案设计(分享到朋友圈,分享给朋友)
绑定域名
JS接口安全域名 – 绑定需要分享的公众号域名
在需要调用页面引入JS文件
http://res.wx.qq.com/open/js/jweixin-1.0.0.js
通过config接口注入权限验证配置
wx.config({ //微信接口配置项 });
- 通过ready接口处理成功验证
wx.ready(function(){ //实现需要开发微信功能 });
示例:
index.php
<?phprequire_once "jssdk.class.php";// test appid, appSecret$jssdk = new JSSDK ( "yourAppID", "yourAppSecret" );$signPackage = $jssdk->GetSignPackage ();?><script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script><script> wx.config({ debug: false, appId: '<?php echo $signPackage["appId"];?>', timestamp: <?php echo $signPackage["timestamp"];?>, nonceStr: '<?php echo $signPackage["nonceStr"];?>', signature: '<?php echo $signPackage["signature"];?>', jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage']// 所有要调用的 API 都要加到这个列表中 }); wx.ready(function () { // 在这里调用 API wx.onMenuShareTimeline({ title: '计算公式|医脉通', // 分享标题 link: '<?php echo $signPackage["url"]; ?>', // 分享链接 imgUrl: '<?php echo $signPackage["font_domain"]; ?>/' + $("#img_url").attr("src"), // 分享图标 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //发送给朋友 wx.onMenuShareAppMessage({ title: '计算公式|医脉通', // 分享标题 desc: '医学计算公式,让医学计算不再复杂!', // 分享描述 link: '<?php echo $signPackage["url"]; ?>', // 分享链接 imgUrl: '<?php echo $signPackage["font_domain"]; ?>/' + $("#img_url").attr("src"), // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); });</script>
jssdk.class.php
<?phpclass JSSDK { private $appId; private $appSecret; const WEIXIN_API_FILE = "./public/json/"; public function __construct($appId, $appSecret) { $this->appId = $appId; $this->appSecret = $appSecret; } public function getSignPackage() { $jsapiTicket = $this->getJsApiTicket(); // 注意 URL 一定要动态获取,不能 hardcode. $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://"; $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; $font_domain = "$protocol$_SERVER[HTTP_HOST]";//当前项目根目录路径 $timestamp = time(); $nonceStr = $this->createNonceStr(); // 这里参数的顺序要按照 key 值 ASCII 码升序排序 $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url"; $signature = sha1($string); $signPackage = array( "appId" => $this->appId, "nonceStr" => $nonceStr, "timestamp" => $timestamp, "url" => $url, "signature" => $signature, "font_domain" => $font_domain, "rawString" => $string ); return $signPackage; } private function createNonceStr($length = 16) { $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; $str = ""; for ($i = 0; $i < $length; $i++) { $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1); } return $str; } private function getJsApiTicket() { // jsapi_ticket 应该全局存储与更新,以下代码以写入到文件中做示例 if (!file_exists(self::WEIXIN_API_FILE)) { mkdir(self::WEIXIN_API_FILE, 0777, true); } $data = json_decode(file_get_contents(self::WEIXIN_API_FILE . "jsapi_ticket.json")); if ($data->expire_time < time()) { $accessToken = $this->getAccessToken(); // 如果是企业号用以下 URL 获取 ticket // $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken"; $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken"; $res = json_decode($this->httpGet($url)); $ticket = $res->ticket; if ($ticket) { $data->expire_time = time() + 7000; $data->jsapi_ticket = $ticket; $fp = fopen(self::WEIXIN_API_FILE . "jsapi_ticket.json", "w"); fwrite($fp, json_encode($data)); fclose($fp); } } else { $ticket = $data->jsapi_ticket; } return $ticket; } private function getAccessToken() { // access_token 应该全局存储与更新,以下代码以写入到文件中做示例 if (!file_exists(self::WEIXIN_API_FILE)) { mkdir(self::WEIXIN_API_FILE, 0777, true); } $data = json_decode(file_get_contents(self::WEIXIN_API_FILE . "access_token.json")); if ($data->expire_time < time()) { // 如果是企业号用以下URL获取access_token // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret"; $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret"; $res = json_decode($this->httpGet($url)); $access_token = $res->access_token; if ($access_token) { $data->expire_time = time() + 7000; $data->access_token = $access_token; $fp = fopen(self::WEIXIN_API_FILE . "access_token.json", "w"); fwrite($fp, json_encode($data)); fclose($fp); } } else { $access_token = $data->access_token; } return $access_token; } private function httpGet($url) { $curl = curl_init(); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_TIMEOUT, 500); curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false); curl_setopt($curl, CURLOPT_URL, $url); $res = curl_exec($curl); curl_close($curl); return $res; }}
获取signature(签名)时
1)先需要获取jsapi_ticket(公众号用于调用微信JS接口的临时票据),通过access_token获取,由于jsapi_ticket的api调用次数非常有限,开发者必须在自己的服务全局缓存jsapi_ticket,即需全局缓存access_token、jsapi_ticket
2)算法:签名生成规则如下:参与签名的字段包括noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分) ;根据ASCII码从小到大排序,拼接成字符串string1;对string1进行sha1加密
signature = sha1(string1);string1=jsapi_ticket=$jsapi_ticket&noncestr=$noncestr×tamp=$timestamp&url=&url;
分享详情页 点击 返回按钮 判断
js判断是否存在上一页
< 返回列表页
document.referrer – 返回载入当前文档的文档的url
若当前文档不是通过超级链接访问的,则为null
参照文档:
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN
微信开发文档:
http://mp.weixin.qq.com/wiki
微信小程序开发文档:
http://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1474632113_xQVCl&token=&lang=zh_CN
- 微信分享JS-SDK总结
- 微信分享js-sdk
- 微信JS-SDK 微信分享
- 微信分享JS-SDK示例页面
- 微信JS-SDK自定义分享链接
- 微信自定义分享JS-SDK制作
- 微信js-sdk 分享 的误解
- 微信JS-SDK实现分享功能
- 微信开发:js sdk 分享(java)
- JS-SDK微信分享那些事
- 微信JS-SDK 修改分享标题 分享图片
- 微信js-sdk分享,修改分享内容及链接
- 微信分享SDK
- 微信JS-SDK实现自定义分享功能,分享给朋友,分享到QQ,分享到微博
- 微信JS-SDK 分享回调失效
- 微信分享 使用weixin js sdk 兼容 旧版本
- 微信JS-SDK开发(自定义分享)
- 如何使用微信JS-SDK实际分享功能
- android系统架构
- h5 常见问题
- js代码判断主流浏览器和微信浏览器种类及版本
- 思维导图教你怎么选择你最爱的月饼
- 使用PHP QR Code生成二维码
- 微信分享JS-SDK总结
- 零基础Github Page免费无限流量个人博客搭建教程
- Centos 6.5 Install VirtualBox 5.1.4
- CCF 201503-3 我30分
- 网络编程服务器端绑定ip设置
- Android Studio自动生成带系统签名的apk
- CSS-secrets 读书笔记(1)
- 基本运算符的重载(复数类)
- Filter(过滤器)常见应用(三)——权限管理系统(一)