微信小程序嵌套h5页面,h5页面返回小程序,小程序和h5的页面和交互方法,h5点击分享小程序页面

摘要:
我相信,当你做小程序时,一些需求将需要h5页面的嵌套。h5页面的正常嵌套只是一个web视图,然后是一个h5链接如果当前h5页面需要共享,您不能通过直接单击共享来调用微信小程序进行共享,但您可以单击并跳转到小程序页面来调用和共享wx.miniProgram.navigateTo({url:

相信大家在做小程序的时候有些需求会需要嵌套h5页面
正常的h5页面嵌套很简单就是一个web-view然后放入h5链接就可以了

 <web-view src="http://www.google.cn?id=1&type=2"/>

如果当前的h5页面需要分享
直接点击分享是不能调用微信小程序分享的
但是可以点击后跳转到小程序页面从小程序的方法中调用分享

wx.miniProgram.navigateTo({url: "/pages/index/sharePosition/index?id=1&type=2"})

上面的方法是从h5页面跳转到小程序页面
页面分享从小程序的onShareAppMessage方法分享

onShareAppMessage: function () {
   return {
     title: "Hi~这是我分享的位置,打开链接可以导航到这里",
     path: '/pages/map/index?id='+this.data.id,
     success: () => {
       toast.success("转发成功");
     },
     fail: () => {
       toast.fail("转发失败");
     }
   };
})

请注意,直接使用 **wx.miniProgram.navigateTo** 方法是不执行的
这里需要在h5页面引入微信小程序相关的js才可以

<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://cdn.bootcss.com/vConsole/3.3.2/vconsole.min.js"></script>

免责声明:文章转载自《微信小程序嵌套h5页面,h5页面返回小程序,小程序和h5的页面和交互方法,h5点击分享小程序页面》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【Java 其他】Java opencv配置及测试Android经典游戏源码汇总下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

微信小程序创建自定义select组件(内含组件与父页面的交互流程)

 闲来无事将制作的select自定义组件制作贴出来,供大家借鉴,也可以为了以后的使用做个备注。 select是我自定义的组件,这个一定要记住,它是自定义组件! 以下书写select组件代码 其中的wxml如下 <view class="select_wrap"> <!-- 左边文字 --> <view class=...

[小程序]微信小程序登陆并获取用户信息

1.小程序js端调用框架登陆API,获取到一个临时code,拿着这个code去调用自己的服务端接口 2.在自己的服务器端,使用app_id app_secrect code可以获取到用户的openid,这个id是用户唯一的id并且不会改变,可以把这个id返回给小程序端小程序端本地保存openid 3.获取用户信息很简单,并且不需要自己的服务器处理,只需要小...

微信小程序增加悬浮在线客服

例如在index首页增加客服代码及一键拨打电话 1、index.wxss或者app.wxss文件里增加样式 .img-plus-style { height: 70rpx; width: 70rpx; position: fixed; bottom: 220rpx; right: 30rpx; opacity...

微信小程序基础学习笔记1

教程地址:https://www.bilibili.com/video/BV1WQ4y1T7D8 1.小程序目录: Pages存放每个页面,每个页面单独一个文件夹, ///*pages中的配置项,上移下移可以用快捷键:ALT+方向键*/ index.js 存放js逻辑,index.json配置,index.wxml存放页面组件(类似于html),index...

微信小程序如何在使用wx.request使用cookie

我主要是做asp.net mvc后端开发的,经常使用Jquery的ajax与后台的Web API进行数据交互。 最近公司要做一个小程序,要实现小程序与Web前端的通信,当然小程序是可以实现socket通信的,那样的话,我需要给小程序写socket接口,给web写restful的接口,很显然我不乐意这么干。 我的各个交互都是需要知道用户状态的,web端使用c...

微信小程序-返回并更新上一页面的数据

小程序开发过程中经常有这种需求,需要把当前页面数据传递给上一个页面,但是wx.navigateBack()无法传递数据。 一般的办法是把当前页面数据放入本地缓存,上一个页面再从缓存中取出。 除此之外还有一种办法,巧妙利用页面栈。 getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前...