php隔开html,php和html写在一起，如何生成可以使用的url

最新推荐文章于 2021-06-09 17:59:09 发布

橙一橙

最新推荐文章于 2021-06-09 17:59:09 发布

阅读量82

点赞数

文章标签： php隔开html

在做微信公众号自定义菜单扫一扫时，需要在按钮上附上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 ($>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) {

$>expire_time = time() + 7000;

$>access_token = $access_token;

$fp = fopen("access_token.json", "w");

fwrite($fp, json_encode($data));

fclose($fp);

}

}else{

$access_token = $>access_token;

}

// jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例

$data = json_decode(file_get_contents("jsapi_ticket.json"));

if ($>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) {

$>expire_time = time() + 7000;

$>jsapi_ticket = $ticket;

$fp = fopen("jsapi_ticket.json", "w");

fwrite($fp, json_encode($data));

fclose($fp);

}

}else{

$ticket = $>jsapi_ticket;

}

return $ticket;

}

<!DOCTYPE html>

<html>

<head>

</head>

这个页面是demo页面。

认证服务号已测试成功。

记得现在后台设置已备案的安全域名。

</body>

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>

我只能说使用静态html页面是无法使用微信的JS-SDK的。

注意微信官方的文档中特别红字提到：

所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用(同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复)。

在示例代码中

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服务器环境

橙一橙

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
php隔开html,php和html写在一起，如何生成可以使用的url

在做微信公众号自定义菜单扫一扫时，需要在按钮上附上url才可以跳转到某个页面，但是jssdk提供的 demo 是.php,如何转换成html文件？<?php$appId = 'YOUR_APPID';$appsecret = 'YOUR_APPSECRET';$timestamp = time();$jsapi_ticket = make_ticket($appId,$appsecret);...
复制链接

扫一扫