您的位置:首页 > 移动开发 > 微信开发

小程序webview传值,微信web-view h5页面间传值

2018-02-27 15:45 639 查看

一、 小程序webview传值作用

微信小程序web-view组件,
可以让你的h5网站直接在小程序里显示,
从而快速把你的网站嵌入到小程序里。小程序h5页面向web-view传值后,
可以在小程序里实现更多的功能,
让用户更方便,高效使用小程序。


比如根据用户不同选择,
在小程序里显示不同的h5页面,
h5页面把产品id,用户购物车,产品价格传值给小程序,
就可以实现小程序支付。

二、 微信小程序webview h5页面间传值demo实例视频教程

h5页面与小程序webview传值主要有两个方面
2-1) h5页面把参数传递给小程序
2-2) 在对应的小程序页面获取h5传递过来的参数值猛击这里
观看《h5页面传值给小程序》视频,
了解实现过程和下载相关源代码

三、 小程序webview交互传值注意的地方

webview毕竟是在小程序框架里对你的h5页面做解析,
使用h5传值给小程序webview时,
参数总长度不能太大,
否则小程序可能无法接收到。

四、温馨提醒

除了“微信小程序与h5页页面之间传值”之外 ,在整个微信web-view开发过程中,
你可能会遇到下面的难题:
2-1) 怎么设置webview业务域名
2-2) 在webview中打开h5页面
2-3) webview调用微信扫一扫
2-4) web-view跳转到小程序页面
2-5) web-view怎么实现微信支付
2-6) web-view动态获取src网址
…可以观看子恒老师的《微信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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐