今天接触到了微信分享,来记录一下自己所理解的一些逻辑,首先,我画了一个草图,模拟逻辑.
微信官方文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
上代码:
test.blade.php
-
<!DOCTYPE html>
-
<html lang=
"en">
-
<head>
-
<meta charset=
"UTF-8">
-
<title>微信分享测试</title>
-
</head>
-
<body onload=
"window_onload()">
-
<div style=
"width:100%;"><img style=
"width:100%" src=
"#" alt=
""></div>
-
</body>
-
<script src=
"http://www.jq22.com/jquery/jquery-2.1.1.js"></script>
-
<script type=
"text/javascript" src=
"http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
-
<script>
-
function window_onload() {
-
$.ajax({
-
type:
"GET",
-
url:
"/test/getConfig",
-
data: {url: this.location.href},
-
dataType:
"json",
-
success:
function (data) {
-
wx.config({
-
debug:
false,
// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
-
appId: data.appid,
// 必填,公众号的唯一标识
-
timestamp: data.timestamp,
// 必填,生成签名的时间戳
-
nonceStr: data.nonceStr,
// 必填,生成签名的随机串
-
signature: data.signature,
// 必填,签名,见附录1
-
jsApiList: [
'checkJsApi',
-
'onMenuShareTimeline',
-
'onMenuShareAppMessage',
-
'onMenuShareQQ',
-
'onMenuShareWeibo',
-
'hideMenuItems',
-
'showMenuItems',
-
'hideAllNonBaseMenuItem',
-
'showAllNonBaseMenuItem',
-
'translateVoice',
-
'startRecord',
-
'stopRecord',
-
'onRecordEnd',
-
'playVoice',
-
'pauseVoice',
-
'stopVoice',
-
'uploadVoice',
-
'downloadVoice',
-
'chooseImage',
-
'previewImage',
-
'uploadImage',
-
'downloadImage',
-
'getNetworkType',
-
'openLocation',
-
'getLocation',
-
'hideOptionMenu',
-
'showOptionMenu',
-
'closeWindow',
-
'scanQRCode',
-
'chooseWXPay',
-
'openProductSpecificView',
-
'addCard',
-
'chooseCard',
-
'openCard']
// 必填,需要使用的JS接口列表,所有JS接口列表见附录2
-
});
-
wx.ready(
function () {
-
wx.onMenuShareAppMessage({
-
title:
'分享标题',
// 分享标题
-
desc:
'分享描述',
// 分享描述
-
link:
'#',
// 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
-
imgUrl:
'#',
// 分享图标
-
type:
'link',
// 分享类型,music、video或link,不填默认为link
-
dataUrl:
'',
// 如果type是music或video,则要提供数据链接,默认为空
-
success:
function () {
-
alert(
'分享成功')
-
}
-
});
-
});
-
-
wx.error(
function (res) {
-
alert(
"error: " + res.errMsg);
-
});
-
},
-
error:
function () {
-
alert(error);
-
}
-
})
-
}
-
</script>
-
</html>
TestWeixinController.php
-
<?php
-
-
namespace
App\
Http\
Controllers;
-
-
use
Illuminate\
Support\
Facades\
Cache;
-
use
Illuminate\
Http\
Request;
-
-
use
App\
Http\
Requests;
-
use
App\
Http\
Controllers\
Controller;
-
use
Illuminate\
Support\
Facades\
Input;
-
-
class testWeixinController extends Controller
-
{
-
public
function getConfig(Request $request)
-
{
-
//获取参数
-
$url = $request->get(
'url');
-
//公众号的appid、secret
-
$appid =
"appid";
-
$secret =
"secret";
-
//缓存内是否存在accessToken。
-
$accessToken = Cache::remember(
'accessToken11',
120,
function () use ($appid, $secret) {
-
//获取access_token的请求地址
-
$accessTokenUrl =
"https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$appid&secret=$secret";
-
//请求地址获取access_token
-
$accessTokenJson = file_get_contents($accessTokenUrl);
-
$accessTokenObj = json_decode($accessTokenJson);
-
$accessToken = $accessTokenObj->access_token;
-
return $accessToken;
-
});
-
-
//获取jsapi_ticket的请求地址
-
$ticketUrl =
"https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=$accessToken&type=jsapi";
-
$jsapiTicketJson = file_get_contents($ticketUrl);
-
$jsapiTicketObj = json_decode($jsapiTicketJson);
-
$jsapiTicket = $jsapiTicketObj->ticket;
-
-
//随机生成16位字符
-
$noncestr = str_random(
16);
-
//时间戳
-
$time = time();
-
//拼接string1
-
$jsapiTicketNew =
"jsapi_ticket=$jsapiTicket&noncestr=$noncestr×tamp=$time&url=$url";
-
//对string1作sha1加密
-
$signature = sha1($jsapiTicketNew);
-
//存入数据
-
$data = [
-
'appid' => $appid,
-
'timestamp' => $time,
-
'nonceStr' => $noncestr,
-
'signature' => $signature,
-
'jsapiTicket' => $jsapiTicket,
-
'url' => $url,
-
'jsApiList' => [
-
'api' =>
'#'
-
]
-
];
-
//返回
-
return json_encode($data);
-
}
-
-
}
2018-09-20 添加说明: $jsapiTicket 最好也需要存入session