您當前位置>首頁 » 新聞資訊 » 小(xiǎo)程序相(xiàng)關 >
小(xiǎo)程序開(kāi)發 - webview
發表時(shí)間(jiān):2021-3-31
發布人(rén):葵宇科(kē)技(jì)
浏覽次數(shù):89
最近(jìn)要(yào)做(zuò)一(yī)個(g'₩™₽è)項目需要(yào)在小(xiǎo)程序中打開(kāi)外(wài)鏈,小('ε≠≥xiǎo)程序最近(jìn)開(kāi)放(fàng)了(l★★e)web-view組件(jiàn), 可(kě)在裡<∑(lǐ)面內(nèi)嵌自(zì)己寫的(de)H5頁面,也(yě)就(jiù™€¥)實現(xiàn)了(le)打開(kāi)外(wài)鏈的(de)功能(≥ néng),但(dàn)是(shì)有(yǒu)幾個(gè)注意點。 這(zhè)裡(lǐ)記錄一✔♦(yī)下(xià),希望将來(lái)小(xiǎo)程序能(néng)放(δ★₹←fàng)開(kāi)更多(duō)限制(zhì)。→
申請(qǐng)業(yè)務域名
首先必須在小(xiǎo)程序後台配置業(yè)務域名,☆¶并且是(shì)已經備案過的(de)。
微(wēi)信授權登錄
當需要(yào)微(wēi)信授權登錄的(de)H5頁面直接通(tōng)過小(xiǎo)程序w£±ebview訪問(wèn)時(shí),會(huì)報(bào)錯(↑γ>cuò)。
解決方案:
對(duì)浏覽器(qì)進行(xíng)判斷,如(r'ε←∞ú)果是(shì)小(xiǎo)程序webview(官方判斷條件(jiàn):&nb¶&sp;window.__wxjs_environment === 'miniprogram ☆'
)就(jiù)跳(tiào)過授權登錄。 這(zhè)樣就(jiù)規避了(le)≤訪問(wèn)非授權業(yè)務域名問(wèn)題。
打開(kāi)網頁條件(jiàn)
- 小(xiǎo)程序基礎庫版本要(yào)大(dà)于 1.6.γ≤4,低(dī)版本的(de)小(xiǎo)程序需要(yào)做(zuò)兼容處×®理(lǐ)
- 網頁內(nèi)容隻能(néng)在
組件(jiàn)中顯示,它會(huì)自(zì)動鋪滿整個(gè)小(xiǎo)程序頁面 - 個(gè)人(rén)類型與海(hǎi)外(wài)類型的(de)小(xiǎo)程序暫不(bù)☆ 支持使用(yòng)web-view組件(jiàn)打開(kāi)網頁
示例代碼
<!– wxml –>
<!– 指向微(wēi)信公衆平台首頁的(de)web-view –>
<web-view src=”https://mp.weixin.qq.com/”>web-view>
web-view組件(jiàn)接口
網頁中可(kě)使用(yòng)JSSDK 1.3.0©♥提供的(de)接口返回小(xiǎo)程序頁面,支持的(de)接口有(yǒu)>φ£:
示例代碼:
<script type="text/javascript" src="static/js/jweixin-1.3.0.js">script>
// javascript
wx.miniProgram₹γ.navigateTo({url: '/path/to/page'})
網頁中僅支持以下(xià)JSSDK接口有(yǒu)限,詳細請(qǐng)參考<β×§ 官網文(wén)檔說(shuō)明(míng)