[摘要]本篇文章给大家带来的内容是关于微信小程序如何使用webview调用微信扫一扫的功能,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。我们在做web开发时是按照web开发流程进行的,当需...
本篇文章给大家带来的内容是关于微信小程序如何使用webview调用微信扫一扫的功能,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
我们在做web开发时是按照web开发流程进行的,当需要快速将web项目移植到小程序里面,就需要用到小程序提供的webview组件。关于它的好处以及开发平台配置大家可以按照微信公众平台进行配置
我这里主要说下怎么在webview(html)里面使用高级功能。
首先:在不获取jssdk配置时,我们只能使用跳转等一些基础函数。但是涉及到要在webview(我们的html)里面直接调用微信扫一扫、打开相册等高级功能时就需要对这个html文件进行注册。
前端逻辑:
具体流程是:
①html页面初始化时向我们的后台请求获取基本配置数据,参数就是当前页面url路径,包括带参部分。
②获取到数据调用wx.config方法,对这个html页面注册(注意前提是html加载了js才可以调用<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>)
③config方法成功后,就可以愉快的使用一些高级功能了。
具体代码展示
<!-- 这个地方是在加载配置,实际页面中是页面渲渲染时通过“java后台jssdkconfig”接口从我们的后台获取参数,然后赋值给下面对应的字段”-->
<script type="text/javascript">
wx.config({
debug: true,//是否开启调试
appId: 'wx97d97ea93ef96606',//小程序appid
timestamp: '1534925207',//时间搓,单位秒
nonceStr: 'HT5Ab5moviaVdp7XegNnRBivrETgPmu2',//随机字符串
signature: 'd73acd8eec5a4c1a6a86c7e0517bedff78e72fd9',//签名md5
jsApiList: ['startRecord','stopRecord','playVoice','uploadVoice','downloadVoice','onVoiceRecordEnd','translateVoice','downloadVoice', 'onMenuShareTimeline','onMenuShareAppMessage','scanQRCode','getLocation','chooseImage','getLocalImgData','uploadImage']//当前html需要用到的接口
});
</script>