手机端的H5页面自定义分享到微信朋友、朋友圈

运达 — Sun, 26 Nov 2023 14:53:17 +0000

最近在工作中遇到了一个功能，需要将我们手机端的H5页面自定义分享到微信朋友、朋友圈、QQ和QQ空间。
下面是我自己百度，然后自己亲身测试得到的一个方法；下面分享给大家，相互学习。
实现原理：H5的自定义分享需要用到微信公众平台的分享接口，也就是微信网页开发中的JSSDK,【具体的说明文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html】使用微信的SDK中的分享接
示例：https://m.php.cn/faq/538242.html
获取流程：
1、获取 access_token
2、通过access_token换取 jsapi_ticket
3、签名算法
签名生成规则如下：参与签名的字段包括noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部分）。对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2…）拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密，字段名和字段值都采用原始值，不进行URL 转义。
因为获取access_token不能请求，请求次数过多微信会把IP禁用，所以需要把access_token缓存起来，要不存到数据库里，两种方法，看自己选择。
二、在数据库中添加access_token表：

SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for access_token
-- ----------------------------
DROP TABLE IF EXISTS access_token;
CREATE TABLE access_token (
id int(11) NOT NULL AUTO_INCREMENT,
access_token char(64) NOT NULL COMMENT '令牌-唯一标识',
expires_time varchar(64) DEFAULT NULL COMMENT '过期时间',
ticket char(64) NOT NULL COMMENT '临时票据',
ticket_expires_time varchar(64) DEFAULT NULL COMMENT '过期的票据时间',
PRIMARY KEY (id)

三、具体实现方式
1、获取access_token（access_token 的有效时间是7200s，故可以采用文件存储的方法进行保存，避免多次请求；）

/**
* 添加微信分享接口
* 第一步：获取access token
*/
public function getAccessToken(){
$appid = 'wx207546bd5b43c838';
$secret = '0ea9ee069f0dee52861aa460bed26452'; //用户唯一凭证密钥
$time = time()+7000; //当前时间+2小时等于过期时间
$res = file_get_contents('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' .$appid.'&secret='. $secret);
$res = json_decode($res, true);
$token = $res['access_token'];
if($token){
$insert_data['access_token'] = $token;
$insert_data['expires_time'] = $time;
//把获得的token存储到数据库中
$model = Db::table("access_token")->insert($insert_data);
}
return $token;

运达's blog » H5

手机端的H5页面自定义分享到微信朋友、朋友圈