最近有個(gè)需求,以前開發(fā)的uniapp代碼,用于打包成app與小程序。目前需要將其部分功能以h5的方式嵌入到另一個(gè)原生開發(fā)的小程序中。且需要監(jiān)聽webview中src的變化
1.解決打包成h5后,跳轉(zhuǎn)到微信小程序頁面
a. 首先按照uniapp官方給定的h5模板,新建一個(gè)index.html在根目錄下
b. 在manifest.json中的Web配置–>index.html模板路徑中選中剛才新建的index.html
c.在index.html中引入以下代碼,即可使用對(duì)應(yīng)方法跳轉(zhuǎn)回原生頁面文章來源:http://www.zghlxwxcb.cn/news/detail-593783.html
<!--若是跳轉(zhuǎn)回原生語法的編寫的微信小程序,則只需要第一個(gè)script
wx.miniProgram.navigateTo等方法跳轉(zhuǎn)頁面-->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<!--若是跳轉(zhuǎn)回uniapp語法的編寫的小程序,則同時(shí)需要個(gè)script,
uni.navigateTo等方法跳轉(zhuǎn)頁面-->
<!--<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>-->
2.在被嵌入的h5頁面中,可以使用hashchange監(jiān)聽到小程序weview標(biāo)簽上src的hash值變化,
但是在微信開發(fā)者工具中無法生效,只能在真機(jī)中調(diào)試
3.可以在微信webview頁面使用await方法獲取小程序定位,獲取時(shí)會(huì)彈出授權(quán)提示,用戶授權(quán)后,webview頁面才會(huì)繼續(xù)加載,不用擔(dān)心用戶還未授權(quán)webview便加載完成
4.從2022年7月開始,新發(fā)布的小程序使用位置信息相關(guān)的接口需要去微信公眾平臺(tái)中申請(qǐng)開通,并在app.json中進(jìn)行配置https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html文章來源地址http://www.zghlxwxcb.cn/news/detail-593783.html
"requiredPrivateInfos": [
"getLocation",
"chooseLocation"
],
到了這里,關(guān)于uniapp開發(fā)的h5如何跳轉(zhuǎn)回uniapp開發(fā)的app或小程序以及getLocation授權(quán)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!