??? 本文作者祈澈姑娘乾蛤，轉(zhuǎn)載請標記轉(zhuǎn)載出處每界，謝謝捅僵。
????? 之前接觸過這方面的知識，一直想寫一些關于代碼的文字眨层，但考慮到浪費時間命咐，又不具備大神的實力，也不想去把別人的代碼照搬過來谐岁，所以一直都是空白著的醋奠，今天敲代碼的時候，有了一個比較好的想法伊佃，第一窜司，定位在學習這一塊，去學習一些領域的新知識航揉，并分享自己每天的學習成果塞祈，第二，總結工作中遇到的代碼帅涂，解決的問題议薪，拿出自己的demo截圖，做出一些文字說明解釋媳友，相信通過這兩個途徑斯议，能夠讓自己取得更大的發(fā)展空間。
h5調(diào)用本地攝像頭
前端時間使用HTML5做了一個WEB端APP醇锚，其中用到了H5頁面調(diào)用手機攝像頭的功能哼御，當時也是花了不少時間去研究。最終是采用了HTML5plus（HTML5+）的方式完成了該功能焊唬，現(xiàn)將具體方法簡單介紹下恋昼，并講解下使用的注意事項。放在服務器上然后瀏覽就可以了赶促，只支持Chrome和Safari核的瀏覽器液肌，QQ瀏覽器，Chrome鸥滨，Safari瀏覽器都可以嗦哆。在不同的手機和瀏覽器上面展現(xiàn)的方式不一樣。這是html5官方文檔地址爵赵，里面有關于h5或js調(diào)用攝像頭的全部方法http://www.html5plus.org/doc/zh_cn/camera.html? ??
本篇文章是個人學習期間整理的文檔吝秕，涉及到很多方面的鏈接，在Android開發(fā)過程中空幻，有時需要調(diào)用手機自身設備的功能烁峭，本文側重攝像頭拍照功能的調(diào)用。使用權限：調(diào)用手機自身設備功能（攝像頭拍照功能），應該確保已經(jīng)在AndroidManifest.xml中正確聲明了對攝像頭的使用及其它相關的feature约郁。安卓調(diào)用手機拍照功能：http://blog.csdn.net/mahoking/article/details/28225907缩挑；對一些class類的介紹是非常詳細的。
h5調(diào)用微信支付
用戶通過微信外瀏覽器打開商品頁面,進行微信支付購買商品... 第三方手機瀏覽器H5支付瀏覽器打開的移動網(wǎng)頁的主頁鬓梅，通常是由后端人員來實現(xiàn)供置，在混合式開發(fā)之中，則是由前端人員來掉開發(fā)的接口绽快，移動端手機支付功能體現(xiàn)在前端頁面上逐漸成為一個趨勢芥丧，h5微信開發(fā)調(diào)用支付接口文檔：https://pay.weixin.qq.com/wiki/doc/api/H5.php?chapter=4_2
? ? 看到這樣的一個問題：手機系統(tǒng)自帶的瀏覽器，調(diào)用微信支付如何實現(xiàn)（非掃碼）坊罢，翻看了微信支付的api沒發(fā)現(xiàn)支持h5調(diào)支付接口的情況（微信js除外）续担，然后卻發(fā)現(xiàn)美團的支付成功調(diào)用了，這是怎么實現(xiàn)的活孩？H5支付用于非微信瀏覽器物遇，在IOS上仍體驗不佳，具體來講就是無法自動回調(diào)憾儒。微信瀏覽器內(nèi)的H5支付指公眾號支付询兴，微信已將此嚴格區(qū)分;首先要參見官方文檔：https://pay.weixin.qq.com/wiki/doc/api/wap.php?chapter=15_1
剛開始做的時候，需要配置一些東西起趾，當然這都是一些最基本的東西;需要搭建環(huán)境來進行測試看到一篇這樣的文章诗舰，博主對此總結了一些實質(zhì)性的經(jīng)驗，學習起來事半功倍阳掐；微信支付配置信息始衅，JSAPI接口，H5調(diào)用微信js接口支付缭保，微信公眾號支付：http://blog.csdn.net/u010248119/article/details/50638529
對于微信支付如何繞過應用簽名這個問題；如果把微信支付的API封裝起來導出JAR包給多個應用使用蝙茶，怎么繞過這個應用簽名艺骂，如果繞不過，那豈不是每個應用我都要建個APP了嗎隆夯？題主提到的需求有兩種方案：https://www.zhihu.com/question/46841202
h5網(wǎng)頁中使用打電話功能
如果需要在移動瀏覽器中實現(xiàn)撥打電話钳恕，發(fā)送email，調(diào)用sns等功能蹄衷，jquery mobile提供的接口是一個好辦法忧额。 采用url鏈接的方式，實現(xiàn)在safari ios愧口，android 瀏覽器睦番，webos 瀏覽器，塞班瀏覽器，ie托嚣，operamini等主流瀏覽器巩检，進行撥打電話功能。在做一個微信的微網(wǎng)站中的一個便民服務電話功能的應用示启，用到移動web頁面中列出的電話號碼兢哭，點擊需要實現(xiàn)調(diào)用通訊錄，網(wǎng)頁一鍵撥號的撥打電話功能夫嗓。微信開發(fā)之移動手機WEB頁面(HTML5)Javascript實現(xiàn)一鍵撥號及短信發(fā)送功能:http://www.cnblogs.com/skylaugh/p/3277899.html;一句話總結html5中頁面撥打電話的方式.
在開發(fā)過程中迟螺，我們難免會遇到這種情況：H5跳轉(zhuǎn)鏈接，撥號怎么做舍咖？在制作H5的過程中矩父，很多時候需要用到事件功能，比如（鏈接跳轉(zhuǎn)谎仲、撥號浙垫、翻頁等），這里為大家介紹H5中常用的事件設置方式郑诺。http://blog.sina.com.cn/s/blog_12d5cc7a50102wpzb.html
h5調(diào)用掃一掃的功能
? ? 使用H5調(diào)用手機攝像頭掃描二維碼夹姥。可以通過微信接口調(diào)用辙诞，直接用H5調(diào)用沒弄過辙售，很多人說兼容性不好，很多人覺得盡量集成的微信里面做 飞涂，微信本身就提供了 掃一掃的js 旦部，直接自己在瀏覽器里h5 做掃一掃 是沒必要 的因為沒應用場景，在網(wǎng)上看了一位技術大牛親測有效的案例:web/html5調(diào)用攝像頭實現(xiàn)二維碼掃描,需要有后端代碼的支持:http://blog.csdn.net/xuewufeifang/article/details/49756099
這是一片以講解的方式较店，幫助大家來理解微信官方的文檔士八，同時給出調(diào)用掃一掃的例子。微信調(diào)用jssdk在網(wǎng)頁端實現(xiàn)調(diào)用掃一掃梁呈，java+jsp婚度；http://blog.csdn.net/u011327333/article/details/50439462;微信官方技術文檔jssdk：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
HTML5網(wǎng)頁如何調(diào)用瀏覽器APP的微信分享功能？
最近有看到新浪的移動端網(wǎng)頁官卡，增加了微信分享功能蝗茁。在瀏覽器APP（Safari除外）中可以直接調(diào)用微信APP，分享至朋友圈或者聊天窗口寻咒。并不像很多網(wǎng)站是通過彈出一個圖片提示右上角分享哮翘。并不是通過微信接口實現(xiàn)的，而是直接調(diào)用了瀏覽器APP自帶的微信分享功能毛秘。比如我用安卓手機自帶webkit內(nèi)核瀏覽器（原生瀏覽器沒有微信分享功能）饭寺，打開新浪文章頁，就不會出現(xiàn)這個微信分享的功能按鈕。那么,用HTML5寫的頁面怎么獲得微信接口佩研，來實現(xiàn)一鍵分享的功能?廢話就不多說了柑肴，直接上代碼：HTML5網(wǎng)頁如何調(diào)用瀏覽器APP的微信分享功能:http://blog.csdn.net/web_qdkf/article/details/50442938
? ? ? ? 其實在移動端html5手機網(wǎng)站調(diào)用微信分享包括 ：獲取網(wǎng)絡類型。調(diào)起客戶端的圖片播放組件旬薯。調(diào)用微信掃描二維碼晰骑。判斷是否安裝對應的應用。發(fā)送郵件绊序。分享到微信朋友圈硕舆。內(nèi)容很多，我隨意摘取幾個骤公，你們感受一下：
??????? 獲取“分享給朋友”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口抚官。
?????? 獲取“分享到騰訊微博”按鈕點擊狀態(tài)及自定義分享內(nèi)容接口。
拍照達人阶捆，愛美食
愛碼字凌节，愛生活。
這里是我的生活碎碎念洒试，寫代碼經(jīng)驗倍奢，感悟，旅行筆記以及多愁善感
生活豐富多彩垒棋，思想泛濫成災卒煞。
更多前端學習資源領取請關注
微信公眾號：祈澈姑娘
轉(zhuǎn)載請到微信公眾號獲取授權。
個人微信號：wwwangting888
做最專業(yè)最懂你的編程微刊技術分享平臺叼架，提供你最需要的開發(fā)學習資源畔裕。?我們專注于編程開發(fā)技術的學習與交流，我們堅持乖订，每天進步一小步奏纪，人生進步一大步诚卸！關注【編程微刊】鹦肿，與我們一起學習進步辩尊。
鏈接：http://www.reibang.com/p/bbb5e31ae4c0
