步驟
1惹骂、登錄微信公眾平臺并打開在線接口調(diào)試工具和公眾平臺測試賬號贮预。
2、打開公眾平臺測試賬號排嫌,里面有一欄叫JS接口安全域名的畸裳,點擊修改,將里面的域名填寫為你將要放置的js-sdk域名淳地,這么說怖糊,可能有點抽象,就是說這里填寫的域名其實就是你站點的域名:(==關(guān)鍵F南蟆N樯恕!==)
3遣钳、打開在線調(diào)試工具扰魂,選擇接口類型為基礎類型,接口列表為獲取access_token接口/token
,并填入測試公眾號的appid
耍贾、secret
,然后點擊檢查問題獲取到access_token
4阅爽、獲取到access_token
后,使用postman請求以下接口
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=(填入上面獲取到的access_token)&type=jsapi
則會得到ticket
5荐开、拿到了ticket則可以通過sha1加密去獲取簽名了
仔細看一下付翁,你會發(fā)現(xiàn)jsapi_ticket中間多了個\
,其實這個\
是不需要的晃听,要去掉在進行加密百侧,明文中包含了幾個參數(shù)砰识,其中appid就不多說了,測試公眾號的appid佣渴;timestamp表示生成簽名的時間戳辫狼,nonceStr代表隨機字符串,這兩個參數(shù)在測試階段都可以隨意填寫辛润,正式環(huán)境最好還是在后臺服務器中使用代碼生成膨处。
6、來到這里基本就差不多了砂竖,這時你需要一個測試的demo工程真椿,將配置需要使用到的參數(shù)配置進去:
去到微信開發(fā)者工具,輸入你demo的運行路徑乎澄,
如果出現(xiàn):
一般都是簽名不正確導致的突硝,請檢查,是否那個步驟有錯置济,實在不行解恰,也可以重新執(zhí)行2-5步驟
如果出現(xiàn):
這個情況是js接口安全域名,跟你js-sdk所在的域浙于,不是同一個域护盈,打開公眾號測試賬號看看:
對比下兩個域,就會發(fā)現(xiàn)問題路媚。
如果出現(xiàn):
證明你的簽名已經(jīng)配置成功了黄琼,這時你再點擊右上角-分享到朋友圈就會看到如下界面:
你會發(fā)現(xiàn)顯示的是微信的圖標和網(wǎng)頁的標題(有時[真機]會顯示公眾號的名稱)樊销,結(jié)果不是跟你的需求還不是很匹配整慎,看一下demo里面的代碼:
會發(fā)現(xiàn)在分享api外層還包了一層點擊事件渗饮,只要點擊一下就會出現(xiàn)以下界面:
發(fā)現(xiàn)js的接口需要被注冊一下才能被調(diào)用按咒。捆姜。指攒。古拴。當然竖慧,如果你不需要點擊才注冊休里,只需要將wx.onMenuShareTimeline({ ... })
這段代碼移出來灶挟,防止到wx.ready({ ... })
中就可以了腺占。
注冊完成再點擊分享到朋友圈淤袜,就會出現(xiàn)以下界面,這樣圖片衰伯、鏈接铡羡、標題等分享的內(nèi)容就實現(xiàn)了自定義。
點擊發(fā)送意鲸,就可以了烦周。
問題:
1尽爆、真機測試發(fā)現(xiàn)顯示不了圖片和標題,目前還不知道是什么情況读慎,有可能是微信做了認證的限制漱贱,之前看了一篇文章,說微信6.0.2之后夭委,必須要(被)認(打)證(劫)的公眾號才能顯示自定義的圖片和標題---囧o(╯□╰)o囧幅狮,真坑爹=_=。