uniapp企業微信web-view父子通訊問題

2023-06-20 12:00:32

專案背景:開發工具為HBuilderX,框架為uniapp,開發行動端的Web應用,在企業微信中使用(自建應用),Web開發的應用,不是小程式。

需求:頁面中用到<web-view>元件,載入其他系統的頁面(有跨域),需要在父子頁面之間相互通訊。這裡通訊的東西其實就是獲取定位,通過uniapp獲取使用者定位資訊,傳遞給<web-view>內的頁面用於地圖的展示和其他業務需求。獲取定位也是遇到了一些問題,參考另一篇記錄《uniapp企業微信應用中的定位問題

<web-view :src="https://****"></web-view>

<web-view>內部其實就是iframe,因此本質上也就是要實現iframe的(跨域)父子通訊。

原始方案:URL傳遞

在uniapp中獲取定位資料,通過URL引數的方式傳遞給<web-view>的頁面。

<web-view :src="https://****?&longitude=${longitude}&latitude=${latitude}"></web-view>

這個方法弊端很多,不得不拋棄。