最近有个需求,以前开发的uniapp代码,用于打包成app与小程序。目前需要将其部分功能以h5的方式嵌入到另一个原生开发的小程序中。且需要监听webview中src的变化
1.解决打包成h5后,跳转到微信小程序页面
a. 首先按照uniapp官方给定的h5模板,新建一个index.html在根目录下
b. 在manifest.json中的Web配置–>index.html模板路径中选中刚才新建的index.html
c.在index.html中引入以下代码,即可使用对应方法跳转回原生页面文章来源:https://www.toymoban.com/news/detail-593783.html
<!--若是跳转回原生语法的编写的微信小程序,则只需要第一个script
wx.miniProgram.navigateTo等方法跳转页面-->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<!--若是跳转回uniapp语法的编写的小程序,则同时需要个script,
uni.navigateTo等方法跳转页面-->
<!--<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监听到小程序weview标签上src的hash值变化,
但是在微信开发者工具中无法生效,只能在真机中调试
3.可以在微信webview页面使用await方法获取小程序定位,获取时会弹出授权提示,用户授权后,webview页面才会继续加载,不用担心用户还未授权webview便加载完成
4.从2022年7月开始,新发布的小程序使用位置信息相关的接口需要去微信公众平台中申请开通,并在app.json中进行配置https://developers.weixin.qq.com/miniprogram/dev/api/location/wx.getLocation.html文章来源地址https://www.toymoban.com/news/detail-593783.html
"requiredPrivateInfos": [
"getLocation",
"chooseLocation"
],
到了这里,关于uniapp开发的h5如何跳转回uniapp开发的app或小程序以及getLocation授权的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!