h5调用底层接口的一些知识

     本文做者祈澈姑娘，转载请标记转载出处，谢谢。

      以前接触过这方面的知识，一直想写一些关于代码的文字，但考虑到浪费时间，又不具有大神的实力，也不想去把别人的代码照搬过来，因此一直都是空白着的，今天敲代码的时候，有了一个比较好的想法，第一，定位在学习这一块，去学习一些领域的新知识，并分享本身天天的学习成果，第二，总结工做中遇到的代码，解决的问题，拿出本身的demo截图，作出一些文字说明解释，相信经过这两个途径，可以让本身取得更大的发展空间。

h5调用本地摄像头

     前端时间使用HTML5作了一个WEB端APP，其中用到了H5页面调用手机摄像头的功能，当时也是花了很多时间去研究。最终是采用了HTML5plus（HTML5+）的方式完成了该功能，现将具体方法简单介绍下，并讲解下使用的注意事项。放在服务器上而后浏览就能够了，只支持Chrome和Safari核的浏览器，QQ浏览器，Chrome，Safari浏览器均可以。在不一样的手机和浏览器上面展示的方式不同。这是html5官方文档地址，里面有关于h5或js调用摄像头的所有方法http://www.html5plus.org/doc/zh_cn/camera.html    

    本篇文章是我的学习期间整理的文档，涉及到不少方面的连接，在Android开发过程当中，有时须要调用手机自身设备的功能，本文侧重摄像头拍照功能的调用。使用权限：调用手机自身设备功能（摄像头拍照功能），应该确保已经在AndroidManifest.xml中正确声明了对摄像头的使用及其它相关的feature。安卓调用手机拍照功能：http://blog.csdn.net/mahoking/article/details/28225907；对一些class类的介绍是很是详细的。

h5调用微信支付

   用户经过微信外浏览器打开商品页面,进行微信支付购买商品... 第三方手机浏览器H5支付浏览器打开的移动网页的主页，一般是由后端人员来实现，在混合式开发之中，则是由前端人员来掉开发的接口，移动端手机支付功能体如今前端页面上逐渐成为一个趋势，h5微信开发调用支付接口文档：https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=4_2 

    看到这样的一个问题：手机系统自带的浏览器，调用微信支付如何实现（非扫码），翻看了微信支付的api没发现支持h5调支付接口的状况（微信js除外），而后却发现美团的支付成功调用了，这是怎么实现的？H5支付用于非微信浏览器，在IOS上仍体验不佳，具体来说就是没法自动回调。微信浏览器内的H5支付指公众号支付，微信已将此严格区分;首先要参见官方文档：https://pay.weixin.qq.com/wiki/doc/api/wap.php?chapter=15_1

       刚开始作的时候，须要配置一些东西，固然这都是一些最基本的东西;须要搭建环境来进行测试看到一篇这样的文章，博主对此总结了一些实质性的经验，学习起来事半功倍；微信支付配置信息，JSAPI接口，H5调用微信js接口支付，微信公众号支付：http://blog.csdn.net/u010248119/article/details/50638529

      对于微信支付如何绕过应用签名这个问题；若是把微信支付的API封装起来导出JAR包给多个应用使用，怎么绕过这个应用签名，若是绕不过，那岂不是每一个应用我都要建个APP了吗？题主提到的需求有两种方案：https://www.zhihu.com/question/46841202 

h5网页中使用打电话功能

    若是须要在移动浏览器中实现拨打电话，发送email，调用sns等功能，jquery mobile提供的接口是一个好办法。 采用url连接的方式，实如今safari ios，android 浏览器，webos 浏览器，塞班浏览器，ie，operamini等主流浏览器，进行拨打电话功能。在作一个微信的微网站中的一个便民服务电话功能的应用，用到移动web页面中列出的电话号码，点击须要实现调用通信录，网页一键拨号的拨打电话功能。微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能:http://www.cnblogs.com/skylaugh/p/3277899.html ;一句话总结html5中页面拨打电话的方式.

      在开发过程当中，咱们不免会遇到这种状况：H5跳转连接，拨号怎么作？在制做H5的过程当中，不少时候须要用到事件功能，好比（连接跳转、拨号、翻页等），这里为你们介绍H5中经常使用的事件设置方式。http://blog.sina.com.cn/s/blog_12d5cc7a50102wpzb.html 

h5调用扫一扫的功能

    使用H5调用手机摄像头扫描二维码。能够经过微信接口调用，直接用H5调用没弄过，不少人说兼容性很差，不少人以为尽可能集成的微信里面作 ，微信自己就提供了 扫一扫的js ，直接本身在浏览器里h5 作扫一扫 是不必 的由于没应用场景，在网上看了一位技术大牛亲测有效的案例:web/html5调用摄像头实现二维码扫描,须要有后端代码的支持:http://blog.csdn.net/xuewufeifang/article/details/49756099

        这是一片以讲解的方式，帮助你们来理解微信官方的文档，同时给出调用扫一扫的例子。微信调用jssdk在网页端实现调用扫一扫，java+jsp；http://blog.csdn.net/u011327333/article/details/50439462 ;微信官方技术文档jssdk：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 

HTML5网页如何调用浏览器APP的微信分享功能？

    最近有看到新浪的移动端网页，增长了微信分享功能。在浏览器APP（Safari除外）中能够直接调用微信APP，分享至朋友圈或者聊天窗口。并不像不少网站是经过弹出一个图片提示右上角分享。并非经过微信接口实现的，而是直接调用了浏览器APP自带的微信分享功能。好比我用安卓手机自带webkit内核浏览器（原生浏览器没有微信分享功能），打开新浪文章页，就不会出现这个微信分享的功能按钮。那么,用HTML5写的页面怎么得到微信接口，来实现一键分享的功能?废话就很少说了，直接上代码：HTML5网页如何调用浏览器APP的微信分享功能:http://blog.csdn.net/web_qdkf/article/details/50442938

        其实在移动端html5手机网站调用微信分享包括 ：获取网络类型。调起客户端的图片播放组件。调用微信扫描二维码。判断是否安装对应的应用。发送邮件。分享到微信朋友圈。内容不少，我随意摘取几个，大家感觉一下：

        获取“分享给朋友”按钮点击状态及自定义分享内容接口。

       获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口。

文末福利：

福利一：前端，Java，产品经理，微信小程序，Python等10G资源合集大放送：https://www.jianshu.com/p/e8197d4d9880

福利二：微信小程序入门与实战全套详细视频教程。

【领取方法】

关注 【编程微刊】微信公众号：

回复【小程序demo】一键领取130个微信小程序源码demo资源。

回复【领取资源】一键领取前端，Java，产品经理，微信小程序，Python等资源合集10G资源大放送。

原文做者：祈澈姑娘
原文连接：https://www.jianshu.com/u/05f416aefbe1
创做不易，转载请告知

90后前端妹子，爱编程，爱运营，爱折腾。坚持总结工做中遇到的技术问题，坚持记录工做中所所思所见，欢迎你们一块儿探讨交流。