專案背景:開發工具為HBuilderX,框架為uniapp,開發行動端的Web應用,在企業微信中使用(自建應用),Web開發的應用,不是小程式。
需求:頁面中用到<web-view>
元件,載入其他系統的頁面(有跨域),需要在父子頁面之間相互通訊。這裡通訊的東西其實就是獲取定位,通過uniapp獲取使用者定位資訊,傳遞給<web-view>
內的頁面用於地圖的展示和其他業務需求。獲取定位也是遇到了一些問題,參考另一篇記錄《uniapp企業微信應用中的定位問題》
<web-view :src="https://****"></web-view>
<web-view>
內部其實就是iframe,因此本質上也就是要實現iframe的(跨域)父子通訊。
在uniapp中獲取定位資料,通過URL引數的方式傳遞給<web-view>
的頁面。
<web-view :src="https://****?&longitude=${longitude}&latitude=${latitude}"></web-view>
這個方法弊端很多,不得不拋棄。