資訊專欄INFORMATION COLUMN
摘要：微信說明文檔分享的坑根據的文檔，很多人都是在初始化的配置的時候，傳入的當前的地址不正確。同樣的，給微信初始化的加入對應的參數。
date: 2018-12-13 15:23:09
用于記錄接入微信JS-SDK的坑，以后方便查詢
第一次接入公眾號微信支付、分享、定位等等的坑的時候，心里是迷茫而又恐懼。因為，聽說坑特別多，后來發現自己的親身體驗到了這一點。
1、當前URL未注冊
問題: 微信公眾號H5調起支付時，點擊支付按鈕出現“當前頁面的URL未注冊”的提示。
解決辦法:由于2017年8月1日微信官方把關于支付的信息轉移到了商戶平臺：公眾平臺微信支付公眾號支付授權目錄、掃碼支付回調URL配置入口已于8月1日遷移至商戶平臺（pay.weixin.qq.com ）
所以進入以下位置：
登錄微信商戶平臺-產品中心-開發配置，配置支付授權路徑。如果掉起支付的頁面在 域名/pay.html中，那么就在此添加授權路徑，如我的掉起支付的頁面在www.weixinPay.com/pay.html 中，那么授權目錄就配置為htt://www.weixinPay.com/
tip: 注意：后面的 / 一定要加上，表示該路徑下的頁面都可以調起微信的支付接口。
2、如果按照以上還是彈出當前URL未注冊
因為微信支付對spa項目的hash路由兼容還是不很好。需要加上一個 "?"
如圖:
代碼如下:
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)
}
}
我這里是根據App.vue文件，進行路由監控。然后給每個頁面都加上問號，雖然會些許性能消耗。但是方便省事，具體可以根據自己的頁面適當修改。
微信JS-SDK說明文檔
分享的坑根據JS-SDK的文檔，很多人都是在初始化的wx配置的時候，傳入的當前的URL地址不正確。
然后就導致如下結果:
解決辦法: 請在保證后臺能正確返回初始化需要的配置參數的情況下
修改前:
// let currentUrl = window.location.href
修改后
let currentUrl = window.location.href.split("#")[0]
神奇成功了開心
需要注意的幾點:
jsApList: [] 需要加入對應參數。比如，分享加入"onMenuShareTimeline", "onMenuShareAppMessage"。
具體的對應接口的參數可以參考文檔
所有接口的調用，請保證在wx.ready()執行后，才調用。文檔里面是這么建議的。
定位的坑剛開始定位的，內心是有點小激動的。因為覺得這個功能很高大尚，當然了這只是我個人的想法。好了~，不扯了。
同樣的，給微信初始化的jsApList加入對應的參數。
然后在wx.ready()函數執行，但是，發現無論如何第一次進入頁面都無法成功彈出授權彈框。
后來發現，在頁面完成之后。延遲一秒再進行獲取定位，即可 百分百成功！坑爹有木有。
代碼如下
目前遇到這個三個坑，后期遇到再寫上吧。痛苦的經歷需要不要再有了
關注公眾號"前端樹"，更多實用性的干貨
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/117159.html
摘要：微信說明文檔分享的坑根據的文檔，很多人都是在初始化的配置的時候，傳入的當前的地址不正確。同樣的，給微信初始化的加入對應的參數。 date: 2018-12-13 15:23:09 用于記錄接入微信JS-SDK的坑，以后方便查詢第一次接入公眾號微信支付、分享、定位等等的坑的時候，心里是迷茫而又恐懼。因為，聽說坑特別多，后來發現自己的親身體驗到了這一點。 支付的坑 1、當前URL未注冊 ...
摘要：微信說明文檔分享的坑根據的文檔，很多人都是在初始化的配置的時候，傳入的當前的地址不正確。同樣的，給微信初始化的加入對應的參數。 date: 2018-12-13 15:23:09 用于記錄接入微信JS-SDK的坑，以后方便查詢第一次接入公眾號微信支付、分享、定位等等的坑的時候，心里是迷茫而又恐懼。因為，聽說坑特別多，后來發現自己的親身體驗到了這一點。 支付的坑 1、當前URL未注冊 ...
摘要：原文見我的博客，點擊進入使用開發微信公眾號下站點的填坑之旅本文為我創業過程中，開發項目的填坑之旅。作為一個技術宅男，我的項目是做一個微信公眾號，前后端全部自己搞定，不浪費國家一分錢。 原文見我的博客，點擊進入使用vue開發微信公眾號下SPA站點的填坑之旅 本文為我創業過程中，開發項目的填坑之旅。作為一個技術宅男，我的項目是做一個微信公眾號，前后端全部自己搞定，不浪費國家一分錢^_^。 ...
摘要：在系統的手機中，其實微信點擊網頁的圖片會自動調用這個接口一次。然后在在下面進行微信的接口的調用判斷是還是終端終端更新這個好像微信自己修復了，現在無論還是，如果不調用這個方法，微信自己不會去調用了。 1.微信網頁開發調用jssdk時報permission denied 大致是兩個原因 （1）首先注冊時未將你所調用的接口名字添加至jsApiList （2）第二個就是你的這個公眾號沒有權限使...
閱讀 1076·2021-10-14 09:42
閱讀 1368·2021-09-22 15:11
閱讀 3285·2019-08-30 15:56
閱讀 1242·2019-08-30 15:55
閱讀 3612·2019-08-30 15:55
閱讀 888·2019-08-30 15:44
閱讀 2027·2019-08-29 17:17
閱讀 2070·2019-08-29 15:37
