摘要:微信分享可以實(shí)現(xiàn)自己的網(wǎng)頁(yè)在微信自定義圖標(biāo),標(biāo)題,還有描述,還可以分享到朋友圈,分享到微信群,分享給朋友等操作。
微信JSSDK分享可以實(shí)現(xiàn)自己的網(wǎng)頁(yè)在微信自定義圖標(biāo),標(biāo)題,還有描述,還可以分享到朋友圈,分享到微信群,分享給朋友等操作。
上圖就是,左側(cè)是分享到朋友圈,右側(cè)是分享到微信群。
很多開(kāi)發(fā)者下載官方的demo進(jìn)行開(kāi)發(fā),最后debug的時(shí)候,顯示的是config:invalid signature
,這個(gè)原因其實(shí)很有可能是簽名不一致。
我們需要保持簽名一致,才能完整注入這個(gè)權(quán)限的。
一般,簽名不一致的是因?yàn)閍ccess_token生成的時(shí)候,獲取jsapi_ticket的時(shí)候有問(wèn)題造成的,我一開(kāi)始弄了好久都沒(méi)搞對(duì),后來(lái)一個(gè)個(gè)嘗試。
我先嘗試生成的一個(gè)jsapi_ticket,寫(xiě)死在頁(yè)面,發(fā)現(xiàn)沒(méi)問(wèn)題,然后再嘗試獲取access_token寫(xiě)死在頁(yè)面,也沒(méi)問(wèn)題,但是直接在頁(yè)面上生成access_token再調(diào)用就不行。
我就另外寫(xiě)了一個(gè)access.php進(jìn)行生成access_token,把a(bǔ)ccess_token存入數(shù)據(jù)庫(kù),搞一個(gè)定時(shí)任務(wù),每隔1小時(shí)生成一個(gè)新的access_token,因?yàn)閍ccess_token僅有2小時(shí)有效期,而且每天最多調(diào)用2000次,所以我覺(jué)得存數(shù)據(jù)庫(kù)是比較好的。
然后在分享頁(yè)面取數(shù)據(jù)庫(kù)的access_token就行了。
下面是生成access_token的代碼
access_token; ? //連接數(shù)據(jù)庫(kù) $con = mysql_connect("數(shù)據(jù)庫(kù)地址","數(shù)據(jù)庫(kù)賬號(hào)","數(shù)據(jù)庫(kù)密碼"); mysql_select_db("數(shù)據(jù)庫(kù)名", $con); mysql_query("INSERT INTO access_token (access_token) VALUES ("$token")"); mysql_close($con); ?>
下面是分享頁(yè)面代碼:
index.php"ADDPID修改為您的", ??????"nonceStr"? => $nonceStr, ??????"timestamp" => $timestamp, ??????"url"?????? => $url, ??????"signature" => $signature ????); ????return $signPackage; ??} ??$signPackage = getSignPackage(); ?>微信分享DEMO test
大概就這樣就可以config:ok了
當(dāng)然,開(kāi)發(fā)過(guò)程中需要設(shè)置IP白名單,JS接口安全域名這些我就不多說(shuō)了。
作者:TANKING
2018-10-25
http://likeyunba.com
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/98692.html
摘要:本篇文章就記錄我的做微信分享信息定制的過(guò)程和踩坑總結(jié)。但是,這就要求在每個(gè)組件中都加微信分享代碼,會(huì)導(dǎo)致維護(hù)困難。 在微信瀏覽器內(nèi)打開(kāi)任何網(wǎng)頁(yè),若不配置分享接口,微信會(huì)默認(rèn)使用如下信息作為分享信息: 默認(rèn)標(biāo)題:HTML的title 默認(rèn)連接:當(dāng)前頁(yè)面的地址,即location.href 默認(rèn)圖片:會(huì)取當(dāng)前頁(yè)面body內(nèi)最前面的一張符合條件的圖片(尺寸必須大于300px × 300px...
摘要:安裝并引入依賴包這里是說(shuō)明文檔下載依賴包在需要用到的模塊引入檢查是否引入成功可以在引入的模塊中執(zhí)行控制臺(tái)顯示以上代碼表示引入成功配置微信所有需要使用的頁(yè)面必須先注入配置信息,否則將無(wú)法調(diào)用開(kāi)啟調(diào)試模式調(diào)用的所有的返回值會(huì) 1.安裝并引入JS-SDK依賴包 這里是JS-SDK說(shuō)明文檔 1.1 npm 下載依賴包 npm install weixin-js-sdk --save 1.2.在...
摘要:簡(jiǎn)直是個(gè)神坑,被坑哭了,所以記錄一下把微信和改用存,為了避免并發(fā)導(dǎo)致次數(shù)被用完,加了鎖,為了避免以后擴(kuò)展,改用了分布式鎖,改完用并發(fā)測(cè)試了下,一切正常,。 簡(jiǎn)直是個(gè)神坑,被坑哭了,所以記錄一下! 把微信token和ticket改用redis存,為了避免并發(fā)導(dǎo)致token次數(shù)被用完,加了鎖,為了避免以后redis擴(kuò)展,改用了分布式鎖,改完用100并發(fā)測(cè)試了下,一切正常,perfect。 ...
摘要:微信在中的簡(jiǎn)單使用以上是微信官方給出的示例代碼,但是對(duì)于實(shí)際項(xiàng)目使用,還需要進(jìn)一步對(duì)代碼進(jìn)行封裝。 微信 jssdk 在 vue 中的簡(jiǎn)單使用 import wx from weixin-js-sdk; wx.config({ debug: true, appId: , timestamp: , nonceStr: , signature: , jsApiLi...
摘要:備注登錄后可在開(kāi)發(fā)者中心查看對(duì)應(yīng)的接口權(quán)限。下載官網(wǎng)提供的示例代碼,參照中的代碼一步一步來(lái)實(shí)現(xiàn)。否則分享后的頁(yè)面會(huì)簽名失敗返回的與分享的是否一致 首先完成官方文檔前兩步(很好理解就不具體說(shuō)了):步驟一:綁定域名先登錄微信公眾平臺(tái)進(jìn)入公眾號(hào)設(shè)置的功能設(shè)置里填寫(xiě)JS接口安全域名。備注:登錄后可在開(kāi)發(fā)者中心查看對(duì)應(yīng)的接口權(quán)限。步驟二:引入JS文件在需要調(diào)用JS接口的頁(yè)面引入如下JS文件,(支...
閱讀 3339·2021-11-25 09:43
閱讀 3028·2021-10-15 09:43
閱讀 1980·2021-09-08 09:36
閱讀 2932·2019-08-30 15:56
閱讀 759·2019-08-30 15:54
閱讀 2700·2019-08-30 15:54
閱讀 2990·2019-08-30 11:26
閱讀 1263·2019-08-29 17:27