h5打开小程序,h5网页跳转打开小程序页面

【3月25更正】目前无法从网站的h5页面直接跳转到小程序，
无论是手机上浏览器，微信，QQ中的h5，
都不能跳转。感谢 安云Anny 的反馈。详细情况如下：


微信h5网页跳转小程序情况，
可以看到已经触发invokeMiniProgramAPI接口。


QQ，手机浏览器情况一样，
点击后没有反应，
但是invokeMiniProgramAPI接口调用成功。加子恒老师公众号 性感笔记
了解最新消息。下面的内容无效。
=============在《小程序打开h5网页》视频中，
子恒老师跟你详细分享了，
怎么在小程序web-view组件中，
打开你的网页。今天子恒老师跟你分享，
怎么在h5页面打开微信小程序，
也就是通过h5网页跳转到你的小程序里。这个功能作用非常大，
可以把你网站的流量，
导入到小程序里成交，
调用微信小程序支付，
在线购买产品。我们在文章末尾再讲它跟小程序打开网页的区别…一、 h5网页打开小程序的方法和流程
1-1） 在你的h5页面引入小程序JSSDK1.3.2

<!-- html -->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

1-2） 在你网站的html5页面，配置你的小程序JSSDK参数



包括设置和获取：
APPID
APPSECRED
JS-TICKET
初始化小程序的一些参数
等猛击这里，
观看《详解小程序JSSDK配置文件》视频，
了解配置参数含义1-3） 在h5页面中使用跳转小程序的接口

<!-- html -->
<script>
wx.miniProgram.navigateTo({url: '/pages/index/index'})
</script>

这样就能从你的h5页面跳转到小程序了，
当然还可以携带参数，
方便你把数据传递到小程序里，
从而在小程序里实现支付或其功能。猛击这里，
观看《h5网页跳转小程序》视频，
了解实现过程和下载相关源代码二、 h5网页跳转到小程序，小程序打开h5网页的区别
为了方便描述，
我们把 h5网页跳转到小程序 称为 A方案
小程序打开h5网页 称为 B方案A方案是从你的网站进入到小程序，
能够跳转到小程序任意页面，
可以使用小程序里的所有功能。B方案是从小程序进入到你的h5网页，
需要使用小程序的web-view组件实现，
进入到你的网页后，
小程序不一定能够使用你h5网页的所有功能，
因为网页js功能在小程序里会受到一定限制，
特别是h5网页动画和3D效果。

三、 温馨提醒

除了“h5网页跳转到小程序”之外 ，在整个微信web-view开发使用过程中，
你可能会遇到下面的难题：
2-1） 怎么设置webview业务域名
2-2） 在webview中打开h5页面
2-3） web-view中怎么使用JSSDK 1.3.2
2-4） webview调用微信扫一扫
2-5） web-view跳转到小程序页面
2-6） 小程序web-view与h5页面传值
2-7） web-view怎么实现微信支付
2-8） web-view动态获取src网址
2-9） web-view打开别人的网页
…可以观看子恒老师的《微信web-view高级用法》系列视频，
了解实现过程和下载微信web-view相关源代码设置web-view的业务域名——小程序web-view高级用法1
小程序使用web-view打开h5网页——小程序web-view高级用法2
微信web-view高级用法介绍——小程序web-view高级用法3
小程序web-view JSSDK配置文件说明——小程序web-view高级用法4
web-view的h5页面设置jssdk选项——小程序web-view高级用法5
小程序web-view打开网页demo实例——小程序web-view高级用法6
微信web-view用wx.getNetworkType获取网络状态——小程序web-view高级用法7
web-view调用wx.scanQRCode微信扫一扫——小程序web-view高级用法8
h5网页跳转到微信小程序——小程序web-view高级用法9
wev view h5页面传递参数给小程序——小程序web-view高级用法10
webview调用微信支付——小程序web-view高级用法11
webview实现支付后的业务逻辑处理——小程序web-view高级用法12
微信web-view动态显示h5网页——小程序web-view高级用法13
微信webview分享h5网页——小程序web-view高级用法14
微信web-view优缺点，什么时候使用webview——小程序web-view高级用法15
微信web-view显示第三方网页——小程序web-view高级用法16