uniapp开发的h5如何跳转回uniapp开发的app或小程序以及getLocation授权

最近有个需求,以前开发的uniapp代码,用于打包成app与小程序。目前需要将其部分功能以h5的方式嵌入到另一个原生开发的小程序中。且需要监听webview中src的变化
1.解决打包成h5后,跳转到微信小程序页面
a. 首先按照uniapp官方给定的h5模板,新建一个index.html在根目录下
b. 在manifest.json中的Web配置–>index.html模板路径中选中刚才新建的index.html
c.在index.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

  "requiredPrivateInfos": [
    "getLocation",
    "chooseLocation"
  ],
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值