关键字：微信公众平台 JSSDK 发送给朋友 分享到朋友圈&onMenuShareTimeline&onMenuShareAppMessage&作者：方倍工作室&原文：&
在这篇微信公众平台开发教程中，我们将介绍如何在网页中实现发送给朋友和分享到朋友圈时内容参数自定义的功能。
本文分为以下二个部分：
生成JS-SDK权限验证签名
实现发送给朋友和分享到朋友圈时内容参数自定义
《微信公众平台开发最佳实践》一书中10.5节&发送给朋友与分享到朋友圈&因微信接口变更已经失效，以使用新接口的本教程为准！
一、微信JS-SDK
1. 获得Access Token
access token的获得方法在前面有介绍，详情见&
2. 获取jsapi_ticket
生成签名之前必须先了解一下jsapi_ticket，jsapi_ticket是公众号用于调用微信JS接口的临时票据。正常情况下，jsapi_ticket的有效期为7200秒，通过access_token来获取。由于获取jsapi_ticket的api调用次数非常有限，频繁刷新jsapi_ticket会导致api调用受限，影响自身业务，开发者必须在自己的服务全局缓存jsapi_ticket 。
参考以下文档获取access_token（有效期7200秒，开发者必须在自己的服务全局缓存access_token）：用第一步拿到的access_token 采用http GET方式请求获得jsapi_ticket（有效期7200秒，开发者必须在自己的服务全局缓存jsapi_ticket），接口地址如下
https://api./cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
成功返回如下JSON：
"errcode":0,
"errmsg":"ok",
"ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
"expires_in":7200
获得jsapi_ticket之后，就可以生成JS-SDK权限验证的签名了。
3. 签名算法实现
签名生成规则如下：参与签名的字段包括noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部分） 。对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2&）拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密，字段名和字段值都采用原始值，不进行URL 转义。
即signature=sha1(string1)。 示例：
noncestr=Wm3WZYTPz0wzccnW
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg
timestamp=
url=http://mp.?params=value
步骤1. 对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2&）拼接成字符串string1：
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=&url=http://mp.?params=value
步骤2. 对string1进行sha1签名，得到signature：
0f9de62fce790f9a083d5c99e95740ceb90c27ed
完整代码如下
class JSSDK {
private $appId;
private $appSecret;
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]";
$timestamp = time();
$nonceStr = $this-&createNonceStr();
// 这里参数的顺序要按照 key 值 ASCII 码升序排序
$string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
$signature = sha1($string);
$signPackage = array(
=& $this-&appId,
"nonceStr"
=& $nonceStr,
"timestamp" =& $timestamp,
"signature" =& $signature,
"rawString" =& $string
return $signPackage;
private function createNonceStr($length = 16) {
$chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
$str = "";
for ($i = 0; $i & $length; $i++) {
$str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
return $str;
private function getJsApiTicket() {
// jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例
$data = json_decode(file_get_contents("jsapi_ticket.json"));
if ($data-&expire_time & time()) {
$accessToken = $this-&getAccessToken();
// 如果是企业号用以下 URL 获取 ticket
// $url = "https://qyapi./cgi-bin/get_jsapi_ticket?access_token=$accessToken";
$url = "https://api./cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
$res = json_decode($this-&httpGet($url));
$ticket = $res-&
if ($ticket) {
$data-&expire_time = time() + 7000;
$data-&jsapi_ticket = $ticket;
$fp = fopen("jsapi_ticket.json", "w");
fwrite($fp, json_encode($data));
fclose($fp);
$ticket = $data-&jsapi_
return $ticket;
private function getAccessToken() {
// access_token 应该全局存储与更新，以下代码以写入到文件中做示例
$data = json_decode(file_get_contents("access_token.json"));
if ($data-&expire_time & time()) {
// 如果是企业号用以下URL获取access_token
// $url = "https://qyapi./cgi-bin/gettoken?corpid=$this-&appId&corpsecret=$this-&appSecret";
$url = "https://api./cgi-bin/token?grant_type=client_credential&appid=$this-&appId&secret=$this-&appSecret";
$res = json_decode($this-&httpGet($url));
$access_token = $res-&access_
if ($access_token) {
$data-&expire_time = time() + 7000;
$data-&access_token = $access_token;
$fp = fopen("access_token.json", "w");
fwrite($fp, json_encode($data));
fclose($fp);
$access_token = $data-&access_
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;
二、发送给朋友和分享到朋友圈参数自定义
1. 绑定域名
先登录微信公众平台进入&公众号设置&的&功能设置&里填写&JS接口安全域名&。
2. 获取签名包
require_once "jssdk.php";
$jssdk = new JSSDK("yourAppID", "yourAppSecret");
$signPackage = $jssdk-&GetSignPackage();
3. 引入JS文件
在需要调用JS接口的页面引入如下JS文件，（支持https）：
&script src="http://res./open/js/jweixin-1.0.0.js"&&/script&
4.通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用。
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: [
// 所有要调用的 API 都要加到这个列表中
'checkJsApi',
'openLocation',
'getLocation',
'onMenuShareTimeline',
'onMenuShareAppMessage'
5. 通过ready接口处理成功验证
地理位置需要在页面加载时就调用，需要把相关接口放在ready函数中调用来确保正确执行
wx.ready(function () {
5.1 通过checkJsApi判断当前客户端版本是否支持分享参数自定义
wx.checkJsApi({
jsApiList: [
'getLocation',
'onMenuShareTimeline',
'onMenuShareAppMessage'
success: function (res) {
alert(JSON.stringify(res));
5.2 使用数组定义分享内容参数
$news = array("Title" =&"微信公众平台开发实践", "Description"=&"本书共分10章，案例程序采用广泛流行的PHP、MySQL、XML、CSS、JavaScript、HTML5等程序语言及数据库实现。", "PicUrl" =&'/i/404/305.jpg', "Url" =&'/txw1958/p/weixin-development-best-practice.html');
5.3. 实现JS分享功能
wx.onMenuShareAppMessage({
title: '&?php echo $news['Title'];?&',
desc: '&?php echo $news['Description'];?&',
link: '&?php echo $news['Url'];?&',
imgUrl: '&?php echo $news['PicUrl'];?&',
trigger: function (res) {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
// alert('用户点击发送给朋友');
success: function (res) {
// alert('已分享');
cancel: function (res) {
// alert('已取消');
fail: function (res) {
// alert(JSON.stringify(res));
wx.onMenuShareTimeline({
title: '&?php echo $news['Title'];?&',
link: '&?php echo $news['Url'];?&',
imgUrl: '&?php echo $news['PicUrl'];?&',
trigger: function (res) {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
// alert('用户点击分享到朋友圈');
success: function (res) {
// alert('已分享');
cancel: function (res) {
// alert('已取消');
fail: function (res) {
// alert(JSON.stringify(res));
三、实现效果
弹出请求获取页面
分享时的插件显示方倍工作室的&微信公众平台开发最佳实践
阅读(...) 评论()我对某个微信好友设置了“不让他看我的朋友圈”，也就是屏蔽了他，那他在朋友圈里发了一条状态后，我在他, 我对某个微信好友设置了“不让
我对某个微信好友设置了“不让他看我的朋友圈”，也就是屏蔽了他，那他在朋友圈里发了一条状态后，我在他 我对某个微怠户糙鞠孬角茬携长毛信好友设置了“不让他看我的朋友圈”，也就是屏蔽了他，那他在朋友圈里发了一条状态后，我在他的状态下评论或者点赞，他能看到吗？ 小野Louis 我对某个微信好友设置了“不让他看我的朋友圈”，也就是屏蔽了他，那他在朋友圈里发了一条状态后，我在他
能看到的，只要他不屏蔽你怠户糙鞠孬角茬携长毛，你就能看到他发的朋友圈，然后评论或者点赞就都是正常操作了。和你是否屏蔽他没有关系的。
可以 他没有屏蔽你你就能看到他的状态，评论也能被他看到，只不过他看不到你的状态而已
热心网友
当然可以，他只是看不到你发的东西，或许以为你从不发东西呢
当然能，你只屏蔽了他，他没有屏蔽你，所以能。
可以的。他能够看到你在他朋友圈的评论。但是，他看不到你自己发的朋友圈信息。
热心网友
应该是可以看到的，因为你们互为好友，并且他没有限制你访问他的朋友圈
热心网友文|焦志杰经作者授权发布“对方已经开启了好友验证，你还不是他的好友，请先发送验证请求。”系统冰冷地弹出这样一条自动回复来，让我瞬间傻了眼。怎么会？昨天还聊得好好的。每个使用微信的人都应该遇到过这样的情况吧，一条冰冷的自动回复将你的满腔盛情瞬间冷却，可是又有什么办法呢，你再发什么他（她）已经看不到了。我是个极度喜欢微信的人，四年前微信刚出来的时候就已经开始使用了。那时候智能手机还不像现在这样盛行，当时有着微信的同学每天都会跟通讯录里的人聊得火热，一般发语音的频率要高于打字，因为省事方便。我是个每天抱着微信不放的人，频繁地添加好友，不停地刷新朋友圈，生怕错过每个好友最新的动态。一个资深的社交达人必须每时每刻掌握着朋友圈里发生的大大小小的事，还要以一颗积极热情的心及时地点赞评论，我就是这样一个骨灰级资深微信玩家。我还是个很喜欢发朋友圈的人，四年的时间转发、分享、发布了几千条状态。有一天，我闲来无事去翻看以前的状态，发现以无病呻吟、没事矫情的居多。比如，今天冷了，想要一个可以一起取暖的人。可是真正那个可以跟你一起相拥的人是不会看到的。看到这些无聊的状态的时候，我曾一度怀疑这些无病呻吟的文字竟然出自我手，自己怎么会无聊到这种地步？！那天，我大概花了两个小时的时间，才将以前朋友圈里无病矫情的状态清除干净。哼，我才不要让你们看到我以前是个这样的人呢。后来有段时间，为了专心考研，就卸载了所有的社交软件，包括微信，除了QQ，因为有考研群要及时地发布一些最新的资讯。一开始我以为，繁忙的复习和无形的压力会让我专心地备考，也希望考研的时间里能够磨练出一颗平和的心来，不再像以前那么烦躁沉闷，那么沉迷于社交网络。起初我也这么做了，觉得没有了微信，不但自己的生活没有受到多大的影响，反而收获了一些以前不曾注意到的惊喜。后来慢慢随着时间的推移延伸，也受到了周围人的影响，当大家都在讨论最近朋友圈又发生了什么大事的时候，我开始蠢蠢欲动起来。我几次下载好了微信，但是没有安装它的勇气。三个月以后，我无法按捺自己那颗浮躁的心，无法控制自己不听使唤的手，重新回到微信世界，感觉生活又一片明媚。每次因为一些活动或者需要集体做一些事情的时候，为了方便，我都会挨个添加每个人的微信。当然，有的加完以后，一句都没有聊过，等到翻看通讯录的时候，才发现原来还有这样一个人存在。于是，我便想着跟他打打招呼，套套近乎，发了一条“Hi”的消息后，被一条“对方已经开启了好友验证”的系统回复挡在门外——哦，原来我已经不是他的好友了啊。然后又不死心地去看他的朋友圈，只剩一幅背景图和一条横线供你可阅，好像那条横线就是斩断彼此之间联系的界限，看似一步迈过，实则不可逾越。微信的横空出世，集万千宠爱于一身，将QQ、人人、微博、陌陌这些同类社交软件伤得体无完肤。当你认识了一个新朋友的时候，互留微信成了一件理所应当的事。加完以后，两人还要说一声“常联系”、“下次再约”，可是会不会等到下次又有谁知道？或许在你等着被约的时候，有一天他清理自己的微信，因为当初忘了留一个备注，你被当做陌生人移出了人家的微信。你迟迟等待的约定还是没有来到，你赶紧跑去联系他的时候，却意外地发现被一条冰冷有力的自动回复挡了回来。你们当初认识的时候聊得火热、不可开交，只觉相见恨晚，却在经历了一场短短的时间洗礼后重新又回到让彼此陌生的地方。你们曾经那么相近，现在却又这么遥远。在经历了伟大的历史变革后，我们迎来了今天信息爆炸的时代：网络的诞生拉近了彼此的联系，微信又作为新生的代表以不可替代的统治力在人群中间广为传播。你今天添加了一些新的朋友，明天又被不再联系的“旧朋友”悄无声息地移除掉。终于明白了，饱和是怎样的一个程度：在一个固定的圈子里，你的朋友始终是一个常数，输入和输出维持着默契的平衡。如果哪天你被“对方已经开启了好友验证”挡在门外，不要试着去求得一个解释和说法，也不要愤懑地去质问别人的不仁义，那样本来就脆弱的关系将会变得更加不可修复。你试想，如果你对他重要，他又怎么会轻轻一点删除，就此逃离出你的生活？也不要因此深深困扰，长时间郁郁寡欢。我们都有新的生活，都会认识新的朋友。你要想，可能他过去的生活没有让他留恋的人和事，他只是想重新让自己的生活变得更好，那样你就释怀多了。需要验证的关系自然不会牢靠，开启好友验证也无所谓。时间是最好的答案，它会告诉你，谁才是不需要验证你是谁，却一直在等你的人。作者焦志杰，青年作家，微博@逗b文艺好青年，公共号：文艺如你。
看过本文的人还看过
人气：52186 更新：
人气：40160 更新：
人气：37798 更新：
人气：26667 更新：
青年特稿的更多文章
大家在看 ^+^
推荐阅读 ^o^
雕弓读报（5.22）
女人下面是有多脏…胸小胸下垂的女人有多危险……
他花光积蓄、丢了老婆、差点死掉，让这位美国大叔痴狂的竟是中国的…
谈恋爱从来都不是一件简单的事
猜你喜欢 ^_^
24小时热门文章
微信扫一扫
分享到朋友圈}