php和html写在一起，如何生成可以使用的url
在做微信公众号自定义菜单扫一扫时，需要在按钮上附上url才可以跳转到某个页面，但是jssdk提供的 demo 是.php,如何转换成html文件？
<?php
$appId = 'YOUR_APPID';
$appsecret = 'YOUR_APPSECRET';
$timestamp = time();
$jsapi_ticket = make_ticket($appId,$appsecret);
$nonceStr = make_nonceStr();
$url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
$signature = make_signature($nonceStr,$timestamp,$jsapi_ticket,$url);
function make_nonceStr()
{
$codeSet = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
for ($i = 0; $i<16; $i++) {
$codes[$i] = $codeSet[mt_rand(0, strlen($codeSet)-1)];
}
$nonceStr = implode($codes);
return $nonceStr;
}
function make_signature($nonceStr,$timestamp,$jsapi_ticket,$url)
{
$tmpArr = array(
'noncestr' => $nonceStr,
'timestamp' => $timestamp,
'jsapi_ticket' => $jsapi_ticket,
'url' => $url
);
ksort($tmpArr, SORT_STRING);
$string1 = http_build_query( $tmpArr );
$string1 = urldecode( $string1 );
$signature = sha1( $string1 );
return $signature;
}
function make_ticket($appId,$appsecret)
{
// access_token 应该全局存储与更新，以下代码以写入到文件中做示例
$data = json_decode(file_get_contents("access_token.json"));
if ($data->expire_time < time()) {
$TOKEN_URL="https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$appId."&secret=".$appsecret;
$json = file_get_contents($TOKEN_URL);
$result = json_decode($json,true);
$access_token = $result['access_token'];
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);
}
}else{
$access_token = $data->access_token;
}
// jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例
$data = json_decode(file_get_contents("jsapi_ticket.json"));
if ($data->expire_time < time()) {
$ticket_URL="https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=".$access_token."&type=jsapi";
$json = file_get_contents($ticket_URL);
$result = json_decode($json,true);
$ticket = $result['ticket'];
if ($ticket) {
$data->expire_time = time() + 7000;
$data->jsapi_ticket = $ticket;
$fp = fopen("jsapi_ticket.json", "w");
fwrite($fp, json_encode($data));
fclose($fp);
}
}else{
$ticket = $data->jsapi_ticket;
}
return $ticket;
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>微信JS-SDK Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<link rel="stylesheet" href="style.css">
</head>
<body ontouchstart="">
这个页面是demo页面。
认证服务号已测试成功。
记得现在后台设置已备案的安全域名。
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
debug: true,
appId: '<?=$appId?>',
timestamp: <?=$timestamp?>,
nonceStr: '<?=$nonceStr?>',
signature: '<?=$signature?>',
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
wx.ready(function () {
var shareData = {
title: '这里是分享标题',
desc: '这里是发送给好友的时候的简介',
link: 'http://baidu.com',
imgUrl: 'http://baidu.com/logo.jpg'
};
wx.onMenuShareAppMessage(shareData);
wx.onMenuShareTimeline(shareData);
});
wx.error(function (res) {
alert(res.errMsg);
});
</script>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我只能说使用静态html页面是无法使用微信的JS-SDK的。
注意微信官方的文档中特别红字提到：
在示例代码中
wx.config获取的参数是通过调用类方法GetSignPackage()才得到的。该方法中有关有关签名参数signature与当前页面url是绑定在一起的。该类方法注释中特别强调“注意 URL 一定要动态获取，不能 hardcode”。也就是wx.config中参数的获取只能是加载JS-SDK文件的页面直接获取得到，对于静态的html页面是没有服务器端脚本获取相关参数的能力的，也不能通过AJAX等前端的方式来获取这些参数。所以，结论就是静态html页面是无法使用微信的JS-SDK的。
--- 反转部分 ---
如果一定要用，那就要采用违反微信JS-SDK示例代码中注释要求的动态获取url的办法，采用hardcode。以下只谈思路，不涉及编码。
由于是静态html文件，则
url参数固定。自己改写接口，将当前url参数POST给它，GetSignPackage方法中url值为POST过来的值，通过该方法获取服务器端的jsapi_ticket、timestamp及signature等参数。这些数据可以通过AJAX方式获取得到。这不是微信官方支持的做法，存在安全隐患。
php本身就是脚本文件，PHP里面，有关PHP的部分要用<?php ?>来隔开，其余部分直接当成html来做。访问照样用url/xxx.php,里面代码用html格式的代码，PHP部分的代码用<?php ?>隔开，上传到PHP服务器环境