資訊專欄INFORMATION COLUMN
摘要：騰訊地圖和的誤會(huì)最近業(yè)務(wù)開發(fā)中，涉及到了騰訊地圖跨域。這個(gè)需要騰訊地圖的，就會(huì)這里遇到的問(wèn)題之后就是拿著省份，去請(qǐng)求后端的接口，獲取該省份對(duì)應(yīng)的門店啦。調(diào)用騰訊地圖需要跨域這個(gè)很好理解。詳細(xì)的可以看這大哥的文章簡(jiǎn)單說(shuō)會(huì)顯示資源的獲取。
騰訊地圖WebService API 和 CORB的誤會(huì)
最近業(yè)務(wù)開發(fā)中，涉及到了騰訊地圖API 、 跨域 、 CORB。雖然最后的結(jié)果方法很簡(jiǎn)單，
但是覺得這個(gè)解決問(wèn)題的過(guò)程，還是值得記錄一下的。
業(yè)務(wù)內(nèi)容如下：
1.我根據(jù)JS-SDK，配置好后端返回的簽名、隨機(jī)字符串、時(shí)間戳、appId，然后使用wx.getLocation拿到經(jīng)緯度
（簽名是根據(jù)這4個(gè)參數(shù)算出來(lái) noncestr（隨機(jī)字符串）, 有效的jsapi_ticket, timestamp（時(shí)間戳）, url）
2.獲取經(jīng)緯度后，根據(jù)經(jīng)緯度拿到當(dāng)前所屬省份。 這個(gè)需要騰訊地圖的WebService API，就會(huì)這里遇到的問(wèn)題...
3.之后就是拿著省份，去請(qǐng)求后端的php接口，獲取該省份對(duì)應(yīng)的門店啦。
調(diào)用騰訊地圖WebService API需要跨域
這個(gè)很好理解。那么怎么做呢，無(wú)非是
CORS。 因?yàn)槭堑谌紸PI，沒法設(shè)置header，所以pass
JSONP
服務(wù)端代理
服務(wù)端代理，我覺得肯定可以，但是前后端分離，不想麻煩后端大哥了，就想用JSONP來(lái)跨域，
但是一直提示CORB的這個(gè)限制
于是我就研究了一圈
CORB是啥
CORB如何觸發(fā)
CORB觸發(fā)了大概有什么表現(xiàn)。
詳細(xì)的可以看這大哥的文章 https://segmentfault.com/a/11...
簡(jiǎn)單說(shuō)CORB會(huì)顯示src資源的獲取。這里觸發(fā)了CORB是因?yàn)榉祷亓藃esponse header的content-type是json
滿足了觸發(fā)條件，就導(dǎo)致返回的數(shù)據(jù)的body被覆蓋為null
但是這里解決方案其實(shí)就是，想用jsonp需要設(shè)置參數(shù) output: jsonp
就這樣一個(gè)問(wèn)題，折騰了一圈，哭笑不得
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/98293.html
摘要：代碼當(dāng)前經(jīng)度當(dāng)前緯度地址信息不合法請(qǐng)求超時(shí)不知名錯(cuò)誤逆地址解析開發(fā)密鑰位置坐標(biāo)是否返回周邊列表返回不返回默認(rèn)輸入的的坐標(biāo)類型坐標(biāo)附加控制功能系統(tǒng)錯(cuò)誤，請(qǐng)聯(lián)系管理員系統(tǒng)錯(cuò)誤，請(qǐng)聯(lián)系管理員 API地址 http://lbs.qq.com/webservice_v1/guide-search.html 獲得經(jīng)緯度 Html5獲取地理位置信息是通過(guò)Geolocation API提供，使用其ge...
摘要：前言最近在幫朋友商家寫小程序，所以看了不少關(guān)于小程序的知識(shí)，總結(jié)一下計(jì)算距離這條線。 前言 最近在幫朋友(商家)寫小程序，所以看了不少關(guān)于小程序的知識(shí)，總結(jié)一下計(jì)算距離這條線。 思路 一共有兩種方法，各有利弊：1.利用小程序的wx.getLocation 方法得到用戶的經(jīng)緯度,然后用已知的商家的經(jīng)緯進(jìn)行計(jì)算;2.利用騰訊地圖位置服務(wù)calculateDistance直接計(jì)算 先熟悉下兩...
摘要：最近的項(xiàng)目中遇到了一個(gè)實(shí)時(shí)天氣顯示的問(wèn)題通過(guò)高德地圖的開放解決了將思路留下已經(jīng)將它封裝成了一個(gè)函數(shù)可以直接拿去使用不過(guò)使用前最好還是測(cè)試一下思路首先通過(guò)調(diào)用高德地圖定位的獲取的定位信息中有好像是高德的一組城市地理信息編號(hào)吧然后通過(guò)調(diào)用高德的 最近的項(xiàng)目中遇到了一個(gè)實(shí)時(shí)天氣顯示的問(wèn)題.通過(guò)高德地圖的開放 API 解決了;將思路留下. 已經(jīng)將它封裝成了一個(gè)函數(shù). 可以直接拿去使用. 不過(guò)使...
摘要：三原因分析瀏覽器在加載可以跨域資源時(shí)，在將資源載入頁(yè)面時(shí)對(duì)其進(jìn)行識(shí)別與攔截等一系列處理。從而禁用了客戶端瀏覽器的類型嗅探行為即把不可執(zhí)行的類型轉(zhuǎn)變?yōu)榭蓤?zhí)行的類型。 一、jsonp的使用 jsonp是實(shí)現(xiàn)跨域請(qǐng)求數(shù)據(jù)的一種方式，解決了由于瀏覽器同源策略帶來(lái)的安全限制；雖然瀏覽器有同源策略的限制，但對(duì)于一些特殊的dom元素卻可引用非同源資源，例如 等，下面結(jié)合例子說(shuō)明： jquery直接發(fā)...
閱讀 2410·2021-09-26 10:21
閱讀 2923·2021-09-08 09:36
閱讀 3130·2019-08-30 15:56
閱讀 1019·2019-08-30 12:57
閱讀 1015·2019-08-26 10:39
閱讀 3620·2019-08-23 18:11
閱讀 3166·2019-08-23 17:12
閱讀 1213·2019-08-23 12:18
