时间:2021-05-26
在微信中分享给好友/分享到朋友圈这个功能应该是比较常用的了,就拿分享到朋友圈举例,分享出去的内容在朋友圈的展示是以一张小图片+一个简单的介绍的形式来给好友看到的,点击后才是详情,那么这么一来,这张小图片和这段小简介就直接成为了这个被分享后的内容的被点击率的重中之重。在默认情况下,这张图片会载入内容主题部分的第一张大图片,而简介只会加载一个网址。这样的展示方式还是相当不尽如人意的,那我们来看一下这一些内容,是通过什么形式来设置的,拿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:
好了,准备工作就绪,我们可以开始我们的设置了。
微信的分享设置是通过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:///wiki/static/assets/dc5de672083b2ec495408b00b96c9aab.png', // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { alert("分享成功"); }, cancel: function () { alert("分享失败"); } }); })中间提一下,success和cancel这两个的值也是相当常用的,分别表示成功分享后的js回调以及取消分享后的回调,用来做一些判断用户分享朋友圈后显示心理测试答案之类的小功能还是很有用的哦。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了PHP判断是否微信访问的方法。分享给大家供大家参考,具体如下:在开发中有时需要禁止或者仅允许微信浏览器进行访问,则此时就需要对微信浏览器访问进行判
用js限制网页只在微信浏览器中打开js代码一$(function(){//判断页面是否是在微信浏览器打开//对浏览器的UserAgent进行正则匹配,不含有微信
微信电脑版系列软件最新版本下载33.23MB微信电脑版立即下载QQ浏览器微信版,QQ浏览器与微信两个产品线团队合作,联合开发了QQ浏览器微信版,在即将发布的浏览
网页分享到微信要怎么才能自定义标题,内容和图片呢?需求概述微信中可以直接转发网页链接,用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友,朋友
ajax回调打开新窗体防止浏览器拦截,就这么做!问题剖析:functionclick_fun(){window.open("");//当回调的时候更改页面上或创