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 type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.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"
  ],

你可能感兴趣的:(uniapp,web-view,小程序,uni-app,微信小程序)