为了净化网络，整顿诱导分享及诱导关注行为，微信于2014年12月30日发布了《微信公众平台关于整顿诱导分享及诱导关注行为的公告》，微信平台开发者发现，原有的微信分享功能不能用了，在iphone手机上，显示为当前页的链接，之前设置的图标和标题等都没有了。虽然在部分android手机上还可以用，但最近微信升级后，分享功能也不正常了。正在苦于微信分享该怎么解决时，微信于2015年1月10日即时发布了开放JS-SDK，为微信网站的开发提供了强大的js功能。这里仅就分享功能的使用进行一些描述。

微信JS-SDK demo http://demo.open.weixin.qq.com/jssdk/#menu-device

微信JS-SDK 说明文档：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

下面的代码，服务器端使用的是php。

步骤1 生成签名

登录你的微信平台，点击“公众号设置”。

设置JS接口安全域名。这里填写的是一级域名，不带www和http。最多可以设置三个域名。设置完后点击确定。（多说一句，相比以前的分享没有任何域名限制，这里设置安全域名，目的是为了当发现此公众平台发现诱导分享行为时，可以根据此域名追溯到所有分享出去的链接，以及通过这些链接增加的粉丝。这样，微信就可以牢牢控制了你的微信平台，一旦发现违规，让分享链接失效，删除掉诱导行为增加的粉丝，是瞬间就可以完成的。因此，微信平台的开发者，一定要合理来使用分享功能，不要因小失大。等到你的微信平台被封，估计哭都来不及）

在开发者中心中获取你的AppID和AppSecret，接下来在获取令牌时，需要这两个信息。

 <?php

     $appid = "xxxxxxxxxxxxxxxxxxxxxxxxxxx";

     $secret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

     $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$appid."&secret=".$secret;

     function https_request($url){

         $ch = curl_init();

         curl_setopt($ch, CURLOPT_URL, $url);

         curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);

         curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);

         curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

         $output = curl_exec($ch);

         curl_close($ch);

         $jsoninfo = json_decode($output, true);

         return $jsoninfo;

     }

     $code = https_request($url);//获取token

  function getSignPackage($jsapiTicket,$url,$timestamp,$nonceStr) {

     // 这里参数的顺序要按照 key 值 ASCII 码升序排序

     $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";

     $signature = sha1 ( $string );

     $signPackage["appId"] = 'wx85677fe9faa3a0a5';

     $signPackage["nonceStr"] = $nonceStr;

     $signPackage["timestamp"] = $timestamp;

     $signPackage["url"] = $url;

     $signPackage["signature"] = $signature;

     $signPackage["rawString"] = $string;

     return $signPackage;

 }

 //生成随机字符串

 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;

 }

 $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=".$code['access_token'];//ticket

 $res = https_request($url);

 // 注意 URL 一定要动态获取，不能 hardcode.

 $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";

 $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

 $timestamp = time();

 $signPackage = getSignPackage($res['ticket'],$url,$timestamp,createNonceStr());

 ?>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title>产品管理</title>

     <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

     <script type="text/javascript">

         wx.config({

             debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

             appId: '<?php echo $appid?>', // 必填，公众号的唯一标识

             timestamp: <?php echo $signPackage['timestamp']?>, // 必填，生成签名的时间戳

             nonceStr: '<?php echo $signPackage['nonceStr']?>', // 必填，生成签名的随机串

             signature: '<?php echo $signPackage['signature']?>',// 必填，签名，见附录1

             jsApiList: [ // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

                 'onMenuShareTimeline',//这里不知道你用的地理接口是哪个就两个都写上了

                 'onMenuShareAppMessage'

             ]

         });

         wx.ready(function(){

             // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口

             wx.onMenuShareTimeline({

                 title: 'Hello world', // 分享标题

                 link:"",

                 imgUrl: "" // 分享图标

             });

             // 获取“分享给朋友”按钮点击状态及自定义分享内容接口

             wx.onMenuShareAppMessage({

                 title: 'Hello world', // 分享标题

                 desc: "Hello world", // 分享描述

                 link:"",

                 imgUrl: "", // 分享图标

                 type: '' // 分享类型,music、video或link，不填默认为link

             });

         });

     </script>

     <style type="text/css">

         html {

             font: 500 14px 'roboto';

             color: #333;

             background-color: #fafafa;

         }

         a {

             text-decoration: none;

         }

         ul, ol, li {

             list-style: none;

             padding: 0;

             margin: 0;

         }

         p {

             margin: 0;

         }

     </style>

 </head>

 <body>

 <h3>Hello world!<?php echo $appid ?></h3>

 <p>welecome to GZ!!!!!!!!!!!!!!!!</p>

 </body>

 </html>

微信JS-SDK实际分享功能的更多相关文章

  1. Xamarin绑定微信SDK 实现分享功能

    从开始做这一块的工作开始,就开始找各种的资料,最后还是老老实实的去看官方文档. 对于Xamarin.Android的绑定属于纯jar的绑定,这个难度较小,添加Bindings Library,将lib ...

  2. 实战微信JS SDK开发：贺卡制作与播放（1)

    前段时间忙于CanTK 2.0的开发,所以博客一直没有更新.CanTK 2.0主要增强了游戏和富媒体的开发,现在编码和测试基本完成了,等文档完成了再正式发布,里面有不少激动人心的功能,等发布时再一一细 ...

  3. 微信JS SDK接入的几点注意事项

    微信JS SDK接入,主要可以先参考官网说明文档,总结起来有几个步骤: 1.绑定域名:先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”.备注:登录后可在“开发者中心”查看对 ...

  4. 微信js sdk上传多张图片

    微信js sdk上传多张图片,微信上传多张图片 该案例已tp3.2商城为例 直接上代码: php代码: public function ind(){ $appid="111111111111 ...

  5. 微信JS SDK配置授权，实现分享接口

    微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包,最直接的好处就是我们可以使用微信分享.扫一扫.卡券.支付等微信特有的能力.7月份的时候,因为这个分享的证书获取问题深深的栽了一坑, ...

  6. 微信开发（2）:微信js sdk分享朋友圈，朋友，获取config接口注入权限验证（转）

    进行微信开发已经一阵子了,从最初的什么也不懂,到微信授权登录,分享,更改底部菜单,素材管理,等. 今天记录一下微信jssdk 的分享给朋友的功能,获取config接口注入. 官方文档走一下简单说:四步 ...

  7. 微信js sdk分享开发摘记java版

    绑定域名和引入js的就不说了 废话不说直接上代码 public void share(HttpServletRequest request) throws Exception { StringBuff ...

  8. 微信js sdk动态引用

    一般情况下,微信的js-sdk只需要直接引用script即可 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js&qu ...

  9. 微信js SDK接口

    微信JS-SDK说明文档 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 一.微信登录功能 在进行微信OAut ...

  10. 微信js接口自定义分享内容

    最近客户有个要求,需要给网页添加微信分享功能,当然指的是用微信自带浏览器的时候,希望用户在最后一页点击分享的时候是分享的首页.曾经无意中看到过微信公众开发者平台提供了js接口,所以试着做了做,果然,跌 ...

随机推荐

  1. hdu 4738 Caocao's Bridges (tarjan求桥)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4738 题目大意:给一些点,用一些边把这些点相连,每一条边上有一个权值.现在要你破坏任意一个边(要付出相 ...

  2. windows 下文件上传到fastdfs

    php.ini 配置 [fastdfs]; the base pathfastdfs_client.base_path = D:/tmp ; connect timeout in seconds; d ...

  3. div样式调整小结 转载

    1.多个div使用会自动换行,应该使用float属性  left : 对象浮在左边  right : 对象浮在右边 例如:  float: left  和 float: right 是两个div左右排 ...

  4. PHP问题Parse error: syntax error, unexpected end of file in

    检查一下你的php文件中是否存在这样的语法错误:<<php{>或者<?{?>以上两种写法都是有错误的,修改为下面的就可以了: <?php}?>

  5. 网络子系统43_ip选项预处理

    //选项格式: // 1.type中指示该选项在分片时是否需要被拷贝 // 2.ptr从1算起,1为type的位置 // 3.len不包括type字段,其余都包括(len,ptr,选项内容) //ty ...

  6. Linux kernel驱动相关抽象概念及其实现 之“linux设备模型kobject，kset，ktype”

    kobject,kset,ktype三个很重要的概念贯穿Linux内核驱动架构,特转载一篇博文: (转载自http://blog.csdn.net/gdt_a20/article/details/64 ...

  7. android 在布局中动态添加控件

    第一步 final LayoutInflater inflater = LayoutInflater.from(this); 第二步:获取需要被添加控件的布局 final LinearLayout l ...

  8. JS 拼凑字符串

    和Java一样,JS中直接用"+"号拼凑字符串是很耗费资源的,所以在大量拼凑字符串的情景中,我们也需要一个类似于StringBuffer的工具, 下面利用Array.join()方 ...

  9. 11.2 morning

    noip模拟题day1——棋盘上的问题 day1模拟题 By FancyCoder总览(Overview)注意事项:共3道题目,时间2.5小时.Pascal选手允许使用math库和ansistring ...

  10. python 学习笔记（一）

    在Windows上安装Python 首先,从Python的官方网站www.python.org下载最新的2.7.9版本,地址是这个: http://www.python.org/ftp/python/ ...