2023年7月4日发(作者：)

实现H5连接分享给好友或朋友圈⾃定义分享内容（标题、图⽚、简介）的⽅法代码实现H5连接分享给好友或朋友圈⾃定义分享内容⽅法⾸先配置公众号JS接⼝安全域名接⼊jssdk时，就需要配置JS接⼝安全域名，因此需要登录微信公众平台，在公众号设置→功能设置中，填写JS接⼝安全域名，域名即为H5项⽬的域名（如：）,同时需要下载⼀个txt验证⽂件，并放置到服务器的根路径下，实际操作时根据提⽰即可。设置ip⽩名单这⼀步其实应该放到后⾯获取access_token步骤中，我这⾥正好已经登录在公众号平台，所以就⼀并操作了。后⾯讲到获取access_token和jsapi_ticket时，需要访问服务器，因此需要将H5项⽬服务器的IP地址添加到⽩名单中，否则接⼝将⽆法调⽤成功。具体设置⽅法：在开发→基本设置→IP⽩名单中进⾏添加相应的IP地址即可。如下图所⽰其次配置接⼝我⽤的是yii2框架

设置成⾃⼰的$jssdk = new JSSDK("AppID", "AppSecret");$signPackage = $jssdk->GetSignPackage($post_url);$data['signPackage'] = $signPackage;$result=array('status' => 0, 'msg' => 'success！', 'data' => [$data])return $result;配置JSSDKappId = $appId; $this->appSecret = $appSecret; } public function getSignPackage($post_url) { $jsapiTicket = $this->getJsApiTicket(); $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "" : ""; // $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; $url = $post_url; $timestamp = time(); $nonceStr = $this->createNonceStr(); //

这⾥参数的顺序要按照 key

值 ASCII

码升序排序 $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url"; log::writeLog('getSignPackage的$string===' . $string); $signature = sha1($string); $signPackage = array( "appId" => $this->appId, "nonceStr" => $nonceStr, "timestamp" => $timestamp, "url" => $url, "signature" => $signature, "rawString" => $string ); return $signPackage; } private function createNonceStr($length = 16) { $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; $str = ""; for ($i = 0; $i < $length; $i++) { $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1); } return $str; } private function getJsApiTicket() { // jsapi_ticket

应该全局存储与更新，以下代码以写⼊到⽂件中做⽰例 $data = json_decode(file_get_contents(Yii::$app->basePath . "/weixinapi/wxconfigs/jsapi_")); if ($data->expire_time < time()) { $accessToken = $this->getAccessToken(); //

如果是企业号⽤以下 URL

获取 ticket // $url = "/cgi-bin/get_jsapi_ticket?access_token=$accessToken"; $url = "/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken"; log::writeLog('getJsApiTicket的$url===' . $url); $res = json_decode($this->httpGet($url)); $ticket = $res->ticket; log::writeLog('$ticket===' . $ticket); if ($ticket) { $data->expire_time = time() + 7000; $data->jsapi_ticket = $ticket; $fp = fopen(Yii::$app->basePath . "/weixinapi/wxconfigs/jsapi_", "w"); fwrite($fp, json_encode($data)); fclose($fp); } } else { $ticket = $data->jsapi_ticket; } return $ticket; } private function getAccessToken() { // access_token

应该全局存储与更新，以下代码以写⼊到⽂件中做⽰例 $data = json_decode(file_get_contents(Yii::$app->basePath . "/weixinapi/wxconfigs/access_")); if ($data->expire_time < time()) { //

如果是企业号⽤以下URL获取access_token // $url = "/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret"; $url = "/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret"; log::writeLog('getAccessToken的$url===' . $url); $res = json_decode($this->httpGet($url)); $access_token = $res->access_token; log::writeLog('$access_token==' . $access_token); if ($access_token) { $data->expire_time = time() + 7000; $data->access_token = $access_token; $fp = fopen(Yii::$app->basePath . "/weixinapi/wxconfigs/access_", "w"); fwrite($fp, json_encode($data)); fclose($fp); } } else { $access_token = $data->access_token; } return $access_token; } private function httpGet($url) { $curl = curl_init(); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_TIMEOUT, 500); curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false); curl_setopt($curl, CURLOPT_URL, $url); $res = curl_exec($curl); curl_close($curl); return $res; }}最后html分享页⾯联调

常见错误invalid credential, access_token is invalid or not latest hint是由于access_token过期了，导致⽣成的签名失败。分析上⾯的代码，发现将获取到的access_token缓存到localstorage的逻辑是有问题的，获取到的access_token默认有效期为2⼩时，如果重新请求API接⼝，新的access_token会覆盖原来的值，⽽我将access_token存⼊localstorage后，其实并没有做进⼀步的有效期的校验和定时刷新，所以过了有效期之后，⾃然就会出现上⾯的那个错误了