分享主题:linux,nginx,php,mysql

小程序JSSDK用法demo实例,微信webview中使用jssdk

web-view 0评论 现在加入小程序俱乐部QQ群:483987340

一、 为什么要在小程序web-view中使用jssdk

你可以使用小程序web-view组件,
把你的html5网站嵌入到小程序里,
但想要让你的h5网站,
在小程序里拥有更强大的功能,
就需要用到小程序提供的JSSDK功能接口。

比如下面的功能:
1-1) 调用用户手机的相机功能
1-2) 使用用户的录音机功能
1-3) 调用微信扫一扫
1-4) 微信卡券
1-5) 小程序支付

小程序支付

二、 微信小程序webview中使用JSSDK demo实例教程

2-1) 配置jssdk参数
比如你的appid, appsecret等参数。

猛击这里
观看《详解小程序webview JSSDK配置参数》视频

2-2) 设置要使用的jssdk接口
wx.config({
debug: false,
appId: ”,
timestamp: ,
nonceStr: ”,
signature: ”,
jsApiList: []
});

在jsApiList中填写你要使用到的jssdk接口。

猛击这里
观看《小程序web-view调用微信扫一扫功能》视频,
了解实现过程和下载相关源代码

2-3) 在js业务中实现jssdk接口功能
wx.ready(function(){
// 实现jssdk接口功能
});

除了调用实现jssdk接口功能外,
你还要根据返回的信息做业务处理。

三、 温馨提醒

除了“小程序web-view中使用jssdk”之外 ,

在整个微信web-view开发过程中,
你可能会遇到下面的难题:
2-1) 怎么设置webview业务域名
2-2) 在webview中打开h5页面
2-3) webview调用微信扫一扫
2-4) web-view跳转到小程序页面
2-5) 小程序web-view与h5页面传值
2-6) web-view怎么实现微信支付
2-7) 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
微信web-view显示第三方网页——小程序web-view高级用法16

声明:本文仅供交流学习 , 版权归属原作者,部分文章未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:58842997,我们会及时删除。
秦子恒公众号

来源:秦子恒博客,欢迎转载分享,请保留出处

小程序JSSDK用法demo实例,微信webview中使用jssdk链接:https://www.qinziheng.com/web-view/5604.htm

现在就加入微信开发QQ群2:483987340,跟同行探讨微信公众平台开发。群满就关闭,你得等到下一个群开通才能加入……

喜欢 (0)