手机端的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;

CURL模拟进行微信接口的GET与POST

运达 — Wed, 31 Dec 2014 06:38:16 +0000

Get提交获取数据

           /** 
            * @desc 获取access_token 
            * @return String access_token 
            */  
           function getAccessToken(){  
               $AppId = '1232assad13213123';  
               $AppSecret = '2312312321adss3123213';  
               $getUrl = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$AppId.'&secret='.$AppSecret;  
               $ch = curl_init();  
               curl_setopt($ch, CURLOPT_URL, $getUrl);  
               curl_setopt($ch, CURLOPT_HEADER, 0);  
               curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);  
               curl_setopt($ch, CURL_SSLVERSION_SSL, 2);  
               curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);  
               curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);  
               $data = curl_exec($ch);  
               $response = json_decode($data);  
               return $response->access_token;  
           }

Post提交获取数据

            /** 
             * @desc 实现天气内容回复 
             */  
            public function testWeixin(){  
                $access_token = $this->getAccessToken();  
                $customMessageSendUrl = 'https://api.weixin.qq.com/cgi-bin/message/custom/send?access_token='.$access_token;  
                $description = '今天天气的详细信息（从第三方获取）。';  
                $url = 'http://weather.com/';  
                $picurl = 'http://weather.com/';  
                $postDataArr = array(  
                    'touser'=>'OPENID',  
                    'msgtype'=>'news',  
                    'news'=>array(  
                        'articles'=>array(  
                            'title'=>'当天天气',  
                            'description'=>$description,  
                            'url'=>$url,  
                            'picurl'=>$picurl,  
                        ),  
                    ),  
                );  
                $postJosnData = json_encode($postDataArr);  
                $ch = curl_init($customMessageSendUrl);      
                curl_setopt($ch, CURLOPT_HEADER, 0);      
                curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);      
                curl_setopt($ch, CURLOPT_POST, 1);      
                curl_setopt($ch, CURLOPT_POSTFIELDS, $postJosnData);    
                curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);  
                curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE);  
                $data = curl_exec($ch);      
                var_dump($data);  
            }

转载请注明转自:运达's blog 原文地址：http://www.yunda51.com/1475.html

运达's blog » 微信

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

CURL模拟进行微信接口的GET与POST