資訊專欄INFORMATION COLUMN
摘要：微信說(shuō)明文檔分享的坑根據(jù)的文檔，很多人都是在初始化的配置的時(shí)候，傳入的當(dāng)前的地址不正確。同樣的，給微信初始化的加入對(duì)應(yīng)的參數(shù)。
date: 2018-12-13 15:23:09
用于記錄接入微信JS-SDK的坑，以后方便查詢
第一次接入公眾號(hào)微信支付、分享、定位等等的坑的時(shí)候，心里是迷茫而又恐懼。因?yàn)?，?tīng)說(shuō)坑特別多，后來(lái)發(fā)現(xiàn)自己的親身體驗(yàn)到了這一點(diǎn)。
1、當(dāng)前URL未注冊(cè)
問(wèn)題: 微信公眾號(hào)H5調(diào)起支付時(shí)，點(diǎn)擊支付按鈕出現(xiàn)“當(dāng)前頁(yè)面的URL未注冊(cè)”的提示。
解決辦法:由于2017年8月1日微信官方把關(guān)于支付的信息轉(zhuǎn)移到了商戶平臺(tái)：公眾平臺(tái)微信支付公眾號(hào)支付授權(quán)目錄、掃碼支付回調(diào)URL配置入口已于8月1日遷移至商戶平臺(tái)（pay.weixin.qq.com ）
所以進(jìn)入以下位置：
登錄微信商戶平臺(tái)-產(chǎn)品中心-開(kāi)發(fā)配置，配置支付授權(quán)路徑。如果掉起支付的頁(yè)面在 域名/pay.html中，那么就在此添加授權(quán)路徑，如我的掉起支付的頁(yè)面在www.weixinPay.com/pay.html 中，那么授權(quán)目錄就配置為htt://www.weixinPay.com/
tip: 注意：后面的 / 一定要加上，表示該路徑下的頁(yè)面都可以調(diào)起微信的支付接口。
2、如果按照以上還是彈出當(dāng)前URL未注冊(cè)
因?yàn)槲⑿胖Ц秾?duì)spa項(xiàng)目的hash路由兼容還是不很好。需要加上一個(gè) "?"
如圖:
代碼如下:
watch: {
$route() {
this.directRightUrl()
}
},
methods: {
directRightUrl() {
let { href, protocol, host, pathname, search, hash } = window.location
search = search || "?"
let newHref = `${protocol}//${host}${pathname}${search}${hash}`
if (newHref !== href) {
window.location.replace(newHref)
}
}
我這里是根據(jù)App.vue文件，進(jìn)行路由監(jiān)控。然后給每個(gè)頁(yè)面都加上問(wèn)號(hào)，雖然會(huì)些許性能消耗。但是方便省事，具體可以根據(jù)自己的頁(yè)面適當(dāng)修改。
微信JS-SDK說(shuō)明文檔
分享的坑根據(jù)JS-SDK的文檔，很多人都是在初始化的wx配置的時(shí)候，傳入的當(dāng)前的URL地址不正確。
然后就導(dǎo)致如下結(jié)果:
解決辦法: 請(qǐng)?jiān)诒ＷC后臺(tái)能正確返回初始化需要的配置參數(shù)的情況下
修改前:
// let currentUrl = window.location.href
修改后
let currentUrl = window.location.href.split("#")[0]
神奇成功了開(kāi)心
需要注意的幾點(diǎn):
jsApList: [] 需要加入對(duì)應(yīng)參數(shù)。比如，分享加入"onMenuShareTimeline", "onMenuShareAppMessage"。
具體的對(duì)應(yīng)接口的參數(shù)可以參考文檔
所有接口的調(diào)用，請(qǐng)保證在wx.ready()執(zhí)行后，才調(diào)用。文檔里面是這么建議的。
定位的坑剛開(kāi)始定位的，內(nèi)心是有點(diǎn)小激動(dòng)的。因?yàn)橛X(jué)得這個(gè)功能很高大尚，當(dāng)然了這只是我個(gè)人的想法。好了~，不扯了。
同樣的，給微信初始化的jsApList加入對(duì)應(yīng)的參數(shù)。
然后在wx.ready()函數(shù)執(zhí)行，但是，發(fā)現(xiàn)無(wú)論如何第一次進(jìn)入頁(yè)面都無(wú)法成功彈出授權(quán)彈框。
后來(lái)發(fā)現(xiàn)，在頁(yè)面完成之后。延遲一秒再進(jìn)行獲取定位，即可 百分百成功！坑爹有木有。
代碼如下
目前遇到這個(gè)三個(gè)坑，后期遇到再寫(xiě)上吧。痛苦的經(jīng)歷需要不要再有了
關(guān)注公眾號(hào)"前端樹(shù)"，更多實(shí)用性的干貨
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100547.html
摘要：微信說(shuō)明文檔分享的坑根據(jù)的文檔，很多人都是在初始化的配置的時(shí)候，傳入的當(dāng)前的地址不正確。同樣的，給微信初始化的加入對(duì)應(yīng)的參數(shù)。 date: 2018-12-13 15:23:09 用于記錄接入微信JS-SDK的坑，以后方便查詢第一次接入公眾號(hào)微信支付、分享、定位等等的坑的時(shí)候，心里是迷茫而又恐懼。因?yàn)?，?tīng)說(shuō)坑特別多，后來(lái)發(fā)現(xiàn)自己的親身體驗(yàn)到了這一點(diǎn)。 支付的坑 1、當(dāng)前URL未注冊(cè) ...
摘要：微信說(shuō)明文檔分享的坑根據(jù)的文檔，很多人都是在初始化的配置的時(shí)候，傳入的當(dāng)前的地址不正確。同樣的，給微信初始化的加入對(duì)應(yīng)的參數(shù)。 date: 2018-12-13 15:23:09 用于記錄接入微信JS-SDK的坑，以后方便查詢第一次接入公眾號(hào)微信支付、分享、定位等等的坑的時(shí)候，心里是迷茫而又恐懼。因?yàn)?，?tīng)說(shuō)坑特別多，后來(lái)發(fā)現(xiàn)自己的親身體驗(yàn)到了這一點(diǎn)。 支付的坑 1、當(dāng)前URL未注冊(cè) ...
摘要：原文見(jiàn)我的博客，點(diǎn)擊進(jìn)入使用開(kāi)發(fā)微信公眾號(hào)下站點(diǎn)的填坑之旅本文為我創(chuàng)業(yè)過(guò)程中，開(kāi)發(fā)項(xiàng)目的填坑之旅。作為一個(gè)技術(shù)宅男，我的項(xiàng)目是做一個(gè)微信公眾號(hào)，前后端全部自己搞定，不浪費(fèi)國(guó)家一分錢。 原文見(jiàn)我的博客，點(diǎn)擊進(jìn)入使用vue開(kāi)發(fā)微信公眾號(hào)下SPA站點(diǎn)的填坑之旅 本文為我創(chuàng)業(yè)過(guò)程中，開(kāi)發(fā)項(xiàng)目的填坑之旅。作為一個(gè)技術(shù)宅男，我的項(xiàng)目是做一個(gè)微信公眾號(hào)，前后端全部自己搞定，不浪費(fèi)國(guó)家一分錢^_^。 ...
摘要：在系統(tǒng)的手機(jī)中，其實(shí)微信點(diǎn)擊網(wǎng)頁(yè)的圖片會(huì)自動(dòng)調(diào)用這個(gè)接口一次。然后在在下面進(jìn)行微信的接口的調(diào)用判斷是還是終端終端更新這個(gè)好像微信自己修復(fù)了，現(xiàn)在無(wú)論還是，如果不調(diào)用這個(gè)方法，微信自己不會(huì)去調(diào)用了。 1.微信網(wǎng)頁(yè)開(kāi)發(fā)調(diào)用jssdk時(shí)報(bào)permission denied 大致是兩個(gè)原因 （1）首先注冊(cè)時(shí)未將你所調(diào)用的接口名字添加至jsApiList （2）第二個(gè)就是你的這個(gè)公眾號(hào)沒(méi)有權(quán)限使...
閱讀 2721·2021-11-11 16:55
閱讀 1373·2021-09-22 15:25
閱讀 1871·2019-08-29 16:26
閱讀 1055·2019-08-29 13:21
閱讀 2375·2019-08-23 16:19
閱讀 2846·2019-08-23 15:10
閱讀 822·2019-08-23 14:24
閱讀 1908·2019-08-23 13:48
