本文標簽： h5調用底層接口 h5

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手機網站調用微信分享包括 ：獲取網絡類型。調起客戶端的圖片播放組件。調用微信掃描二維碼。判斷是否安裝對應的應用。發送郵件。分享到微信朋友圈。內容很多，我隨意摘取幾個，你們感受一下：

獲取“分享給朋友”按鈕點擊狀態及自定義分享內容接口。

獲取“分享到騰訊微博”按鈕點擊狀態及自定義分享內容接口。

寫在最後：FOR Freedom 看看外邊的世界，以及IT這一行，少不了去Google查資料，最後，安利一些速器代理。

本文標簽： h5調用底層接口 h5

轉自 SUN‘S BLOG - 專註互聯網知識，分享互聯網精神！

原文地址： 《h5調用底層接口知識總結》

相關閱讀：《Chrome 擴展 Stylish ：給不喜歡某個網站一鍵「換膚」》

相關閱讀：《將 QQ 音樂、網易雲音樂和蝦米音樂資源「整合」一起的Chrome 擴展Listen 1》

相關閱讀：《8 個「新標簽頁」Chrome 擴展： 教你把 New Tab 頁面玩的溜溜溜》

相關閱讀：《7 款實用 Chrome 擴展推薦：幫你提升 Chrome 使用體驗》

相關閱讀：《無擴展就不是 Chrome 了：15 款優質的Chrome 擴展推薦給大家》

相關閱讀：《12 款不能少的使網頁瀏覽獲得的最佳體驗Chrome 擴展》

相關閱讀：《5 款可以帶來幸福感的 Chrome 擴展》

相關閱讀： 《關於 Android 中的 Palette 類的使用案例：色彩自適應的 Toolbar》

相關閱讀:《GIT能做什麽、它和SVN在深層次上究竟有什麽不同》

相關閱讀:《分享一些對開發者最有用的、用戶友好和功能豐富的Google Chrome擴展工具》

相關閱讀:《分享一些實際Android開發過程中很多相見恨晚的工具或網站》

相關閱讀:《我是 G 粉，一直關註 Google，最近 Google 有一些小動作，可能很多人不太了解》

相關閱讀:《機器學習引領認知領域的技術創新，那麽SaaS行業會被機器學習如何改變？》

相關閱讀:《VPS 教程系列：Dnsmasq + DNSCrypt + SNI Proxy 順暢訪問 Google 配置教程》

相關閱讀: 對程序員有用：2017最新能上Google的hosts文件下載及總結網友遇到的各種hosts問題解決方法及配置詳解

相關BLOG：SUN’S BLOG - 專註互聯網知識，分享互聯網精神！去看看：www.whosmall.com

原文地址：http://whosmall.com/?post=452

h5調用底層接口知識總結