php微信浏览器分享设置以及回调详解


Posted in PHP onAugust 01, 2016

在微信中分享给好友/分享到朋友圈这个功能应该是比较常用的了,就拿分享到朋友圈举例,分享出去的内容在朋友圈的展示是以一张小图片+一个简单的介绍的形式来给好友看到的,点击后才是详情,那么这么一来,这张小图片和这段小简介就直接成为了这个被分享后的内容的被点击率的重中之重。在默认情况下,这张图片会载入内容主题部分的第一张大图片,而简介只会加载一个网址。这样的展示方式还是相当不尽如人意的,那我们来看一下这一些内容,是通过什么形式来设置的,拿PHP来做一个举例: 

首先我们需要有一个公众号,并且获得appid及appsecret。 

然后,我们通过appid和appsecret,就可以向微信平台来换取access_token了。 

define("APPID", $appid);
define("APPSECRET", $appsecret);
 
// 获取access_token
$token_access_url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" . APPID . "&secret=" . APPSECRET;
$res = file_get_contents($token_access_url); //获取文件内容或获取网络请求的内容
$result = json_decode($res, true); //接受一个 JSON 格式的字符串并且把它转换为 PHP 变量
$access_token = $result['access_token'];

通过access_token,我们可以向微信平台索取一个jsapi_ticket:

// 获取jsapi_ticket
$ticket_url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=TOKEN";

$res = file_get_contents($ticket_url); //获取文件内容或获取网络请求的内容
$result = json_decode($res, true); //接受一个 JSON 格式的字符串并且把它转换为 PHP 变量
$ticket = $result['ticket'];

好了,准备工作就绪,我们可以开始我们的设置了。 

微信的分享设置是通过wx.config来进行的。 

<script>
wx.config({
  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  appId: '<?php echo APPID;?>', // 必填,公众号的唯一标识
  timestamp: <?php echo $timestamp;?>, // 必填,生成签名的时间戳
  nonceStr: '<?php echo $noncestr;?>', // 必填,生成签名的随机串
  signature: '<?php echo $signature;?>',// 必填,签名
  jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage'] // 必填,需要使用的JS接口列表
});
</script>

中间appid就是我们微信公众号的appid,timestamp是当前的时间戳,noncestr是随机的字符串,用来生成签名的,signature是生成的签名,jsapilist是我们需要使用的微信接口,这边的话我们就使用分享给好友以及分享到朋友圈这两个接口就可以了。 

简单列一下timestamp,noncestr,以及signature的生成流程: 

// 生成签名
 // 生成随机字符串
class RandChar{
 function getRandChar($length){
  $str = null;
  $strPol = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz";
  $max = strlen($strPol)-1;

  for($i=0;$i<$length;$i++){
  $str.=$strPol[rand(0,$max)];//rand($min,$max)生成介于min和max两个数之间的一个随机整数
  }
  return $str;
 }
}
$randCharObj = new RandChar();
$noncestr = $randCharObj->getRandChar(16);


$timestamp = time();
if ($_SERVER['QUERY_STRING']){
  $url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'].'?'.$_SERVER['QUERY_STRING'];
}else{
  $url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF'];
}

$parameters = array("noncestr" => $noncestr,
            "jsapi_ticket" => $ticket,
            "timestamp" => $timestamp,
            "url" => $url);
ksort($parameters);

$string1 = "";
foreach ($parameters as $key => $val){
  $string1 .= $key."=".$val."&";
}
$string1 = substr($string1,0,-1);
$signature = sha1($string1);

至此,我们对于wx.config的一个配置就已经完成了,接下去就可以自由设置我们刚刚提到的小图片和简介内容了: 

wx.ready(function(){
    // 分享到朋友圈设置
    wx.onMenuShareTimeline({
      title: '测试标题', // 分享标题
      link: 'http://www.baidu.com', // 分享链接
      imgUrl: 'http://mp.weixin.qq.com/wiki/static/assets/dc5de672083b2ec495408b00b96c9aab.png', // 分享图标
      success: function () { 
        alert("分享成功");
      },
      cancel: function () { 
        alert("分享失败");
      }
    });
    // 分享给好友
    wx.onMenuShareAppMessage({
      title: '测试标题', // 分享标题
      desc: '测试分享描述', // 分享描述
      link: 'http://www.baidu.com', // 分享链接
      imgUrl: 'http://mp.weixin.qq.com/wiki/static/assets/dc5de672083b2ec495408b00b96c9aab.png', // 分享图标
      type: '', // 分享类型,music、video或link,不填默认为link
      dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
      success: function () { 
        alert("分享成功");
      },
      cancel: function () { 
        alert("分享失败");
      }
    });
  })

中间提一下,success和cancel这两个的值也是相当常用的,分别表示成功分享后的js回调以及取消分享后的回调,用来做一些判断用户分享朋友圈后显示心理测试答案之类的小功能还是很有用的哦。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
一个图形显示IP的PHP程序代码
Oct 19 PHP
php 随机生成10位字符代码
Mar 26 PHP
php 显示指定路径下的图片
Oct 29 PHP
初学CAKEPHP 基础教程
Nov 02 PHP
php学习笔记之 函数声明
Jun 09 PHP
解析php DOMElement 操作xml 文档的实现代码
May 10 PHP
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
Jan 22 PHP
ThinkPHP3.2.2的插件控制器功能
Mar 05 PHP
PhpStorm terminal无法输入命令的解决方法
Oct 09 PHP
PHP简单留言本功能实现代码
Jun 09 PHP
PHP实现生成数据字典功能示例
May 24 PHP
php设计模式之单例模式用法经典示例分析
Sep 20 PHP
PHP+Apache+Mysql环境搭建教程
Aug 01 #PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
Aug 01 #PHP
PHP实现将MySQL重复ID二维数组重组为三维数组的方法
Aug 01 #PHP
利用PHP自动生成印有用户信息的名片
Aug 01 #PHP
php+ajax登录跳转登录实现思路
Jul 31 #PHP
nginx下安装php7+php5
Jul 31 #PHP
header与缓冲区之间的深层次分析
Jul 30 #PHP
You might like
收藏的一个php小偷的核心程序
2007/04/09 PHP
PHP用mysql数据库存储session的代码
2010/03/05 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
完美实现wordpress禁止文章修订和自动保存的方法
2014/11/03 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
通过DOM脚本去设置样式信息
2010/09/19 Javascript
js对数字的格式化使用说明
2011/01/12 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
jquery实现的动态回到顶部特效代码
2015/10/28 Javascript
JS打印组合功能
2016/08/04 Javascript
基于jQuery ligerUI实现分页样式
2016/09/18 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
JavaScript的词法结构精华篇
2018/10/17 Javascript
使用localStorage替代cookie做本地存储
2019/09/25 Javascript
vuex 实现getter值赋值给vue组件里的data示例
2019/11/05 Javascript
keep-alive不能缓存多层级路由菜单问题解决
2020/03/10 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
js实现拖拽元素选择和删除
2020/08/25 Javascript
JS+CSS实现动态时钟
2021/02/19 Javascript
使用Python编写简单的画图板程序的示例教程
2015/12/08 Python
利用Python生成文件md5校验值函数的方法
2017/01/10 Python
Python File readlines() 使用方法
2018/03/19 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
师范应届毕业生自荐信
2013/11/18 职场文书
奥巴马演讲稿
2014/01/08 职场文书
医院合作协议书
2014/08/19 职场文书
银行委托书范本
2014/09/28 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python