微信JSSDK分享，解決config:invalid signature問題

fsmStudy 發布于2019-08-23 12:32 / 3523人閱讀

摘要：微信分享可以實現自己的網頁在微信自定義圖標，標題，還有描述，還可以分享到朋友圈，分享到微信群，分享給朋友等操作。

微信JSSDK分享可以實現自己的網頁在微信自定義圖標，標題，還有描述，還可以分享到朋友圈，分享到微信群，分享給朋友等操作。

上圖就是，左側是分享到朋友圈，右側是分享到微信群。

很多開發者下載官方的demo進行開發，最后debug的時候，顯示的是config:invalid signature
，這個原因其實很有可能是簽名不一致。

我們需要保持簽名一致，才能完整注入這個權限的。

一般，簽名不一致的是因為access_token生成的時候，獲取jsapi_ticket的時候有問題造成的，我一開始弄了好久都沒搞對，后來一個個嘗試。

我先嘗試生成的一個jsapi_ticket，寫死在頁面，發現沒問題，然后再嘗試獲取access_token寫死在頁面，也沒問題，但是直接在頁面上生成access_token再調用就不行。

我就另外寫了一個access.php進行生成access_token，把access_token存入數據庫，搞一個定時任務，每隔1小時生成一個新的access_token，因為access_token僅有2小時有效期，而且每天最多調用2000次，所以我覺得存數據庫是比較好的。

然后在分享頁面取數據庫的access_token就行了。
下面是生成access_token的代碼

access.php

access_token;
?
//連接數據庫
$con = mysql_connect("數據庫地址","數據庫賬號","數據庫密碼");
mysql_select_db("數據庫名", $con);
mysql_query("INSERT INTO access_token (access_token) VALUES ("$token")");
mysql_close($con);
?>

下面是分享頁面代碼：

index.php

 "ADDPID修改為您的",
??????"nonceStr"? => $nonceStr,
??????"timestamp" => $timestamp,
??????"url"?????? => $url,
??????"signature" => $signature
????);
????return $signPackage; 
??}
??$signPackage = getSignPackage();
?>








微信分享DEMO


test

大概就這樣就可以config:ok了
當然，開發過程中需要設置IP白名單，JS接口安全域名這些我就不多說了。

作者：TANKING
2018-10-25
http://likeyunba.com

云服務器 GPU云服務器微信分享的jssdk 微信分享問題微信jssdk jssdk微信圖片

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98692.html

angular2 + JSSDK的微信分享定制總結

摘要：本篇文章就記錄我的做微信分享信息定制的過程和踩坑總結。但是，這就要求在每個組件中都加微信分享代碼，會導致維護困難。在微信瀏覽器內打開任何網頁，若不配置分享接口，微信會默認使用如下信息作為分享信息：默認標題：HTML的title 默認連接：當前頁面的地址，即location.href 默認圖片：會取當前頁面body內最前面的一張符合條件的圖片（尺寸必須大于300px × 300px...

qylost 2019-08-20 14:51 評論0 收藏0
微信公眾號頁面(VUE)中如何配置微信JS-SDK和高德地圖,以及遇到的一些問題記錄

摘要：安裝并引入依賴包這里是說明文檔下載依賴包在需要用到的模塊引入檢查是否引入成功可以在引入的模塊中執行控制臺顯示以上代碼表示引入成功配置微信所有需要使用的頁面必須先注入配置信息，否則將無法調用開啟調試模式調用的所有的返回值會 1.安裝并引入JS-SDK依賴包這里是JS-SDK說明文檔 1.1 npm 下載依賴包 npm install weixin-js-sdk --save 1.2.在...

Joyven 2019-08-23 17:05 評論0 收藏0
微信JSSDK提示invalid signature

摘要：簡直是個神坑，被坑哭了，所以記錄一下把微信和改用存，為了避免并發導致次數被用完，加了鎖，為了避免以后擴展，改用了分布式鎖，改完用并發測試了下，一切正常，。簡直是個神坑，被坑哭了，所以記錄一下！把微信token和ticket改用redis存，為了避免并發導致token次數被用完，加了鎖，為了避免以后redis擴展，改用了分布式鎖，改完用100并發測試了下，一切正常，perfect。 ...

zone 2019-07-25 11:44 評論0 收藏0
微信 jssdk 邏輯在 vue 中的運用

摘要：微信在中的簡單使用以上是微信官方給出的示例代碼，但是對于實際項目使用，還需要進一步對代碼進行封裝。微信 jssdk 在 vue 中的簡單使用 import wx from weixin-js-sdk; wx.config({ debug: true, appId: , timestamp: , nonceStr: , signature: , jsApiLi...

anRui 2019-08-23 13:09 評論0 收藏0
thinkphp3.2，微信JS-SDK開發過程中遇到的各種問題與細節分享

摘要：備注登錄后可在開發者中心查看對應的接口權限。下載官網提供的示例代碼，參照中的代碼一步一步來實現。否則分享后的頁面會簽名失敗返回的與分享的是否一致首先完成官方文檔前兩步（很好理解就不具體說了）：步驟一：綁定域名先登錄微信公眾平臺進入公眾號設置的功能設置里填寫JS接口安全域名。備注：登錄后可在開發者中心查看對應的接口權限。步驟二：引入JS文件在需要調用JS接口的頁面引入如下JS文件，（支...

miya 2019-07-01 12:25 評論0 收藏0