官方教程：教你用好微信JS-SDK接口

 

微信開放JS-SDK接口，開發者和行業用戶可謂是歡欣鼓舞、奔走相告，目測將激起一大波第三方開發商的創新產品！真真是H5開發者的利好！但也有用戶表示，還不瞭解JS-SDK接口究竟是啥，究竟怎麼用。如今，小編就經過大量實戰案例爲你們逐一講解，爭取讓你們都會用、且用好JS-SDK接口，趕忙往下看吧！

 

 

一、分享類接口：支持獲取「分享到朋友圈」、「發送給朋友」、「分享到QQ」和「分享到微博」按鈕的用戶點擊狀態，同時支持自定義分享內容。

 

 

小編解讀：提及分享接口應用，最多見的莫過於公衆號文章分享。經過分享按鈕，用戶能夠將本身喜歡的文章分享給微信好友，也可分享到微信朋友圈。
經過這次開放的分享接口，開發者得到了新的能力： 能夠在用戶分享時，爲其設置個性化的分享圖片、標題、描述等，從而使分享的內容更生動有趣，以得到更好的傳播效果。
同時，經過此接口，開發者還能夠獲知用戶是否分享了網頁，幫助其更好地評估網頁服務是否受用戶喜好等。

 

 

 

二、圖像類接口：支持拍照，並從手機相冊選擇、上傳、下載和預覽圖片。

 

小編解讀：「雲打印」已開通了圖像類接口，用戶能夠自由選擇、打印手機相冊中已有的照片，或是即時拍攝一張照片。打印前，可經過大圖預覽確認照片選擇是否有誤。

 

這實際上幫助開發者在網頁上流暢、低成本地實現了選圖或拍照的功能，也爲用戶帶去了更好的使用體驗。

 

 

你們熟悉的「印美圖」，就是經過圖像類接口，接收用戶上傳的照片，從而幫助用戶完成打印服務。從此，運營者、商家經過H5頁面發起照片徵集等活動時，圖像類接口也能幫上忙了。

 

 

三、音頻類接口：支持語音的錄製、播放和暫停播放，同時支持將語音快速上傳到雲端服務器，或從雲端服務器將語音快速下載到網頁。

 

 

小編解讀：「微郵筒」早前已開通了音頻類接口，用戶在製做明信片時，能夠同時錄一段語音。當親朋好友或本身收到明信片時，掃一掃明信片上的二維碼，便可收聽該段語音。

 

 

如此一來，語音就脫離了手機存儲的限制，用戶在任什麼時候候、經過任何賬號，只要打開微信掃碼便可獲取語音片斷，讓記憶更堅固、長久。

 

 

四、智能類接口：支持將語音快速地轉換成文字。開發者無需掌握語音識別相關技術，只需簡單引用微信JS-SDK提供的方法便可實現。

 

小編解讀：微信的語音輸入、語音轉文字功能已上線有段時間了，受到用戶的普遍好評。
事實上，TA能作的還有更多。好比「付費通帳單查繳」就藉此爲用戶提供了「語音繳費」服務。用戶不用按鍵，對着手機說出帳單戶號，就像平時用微信跟朋友聊天同樣，而後點擊「確認」即繳費成功，可謂是「躺着均可以完成」。便捷的繳費體驗贏得了用戶的青睞，該賬號上線僅僅5天，就擁了11539名用戶，交易成功1862筆，交易金額達到20萬元。
所以，語音識別等智能類接口的開放，對一些開發能力稍弱的運營方來講，無疑是重大利好。

 

 

五、設備信息類接口：支持獲取當前手機設備的網絡狀態，如2G、3G、4G或Wi-Fi，爲用戶提供流暢的瀏覽體驗。

 

小編解讀：精心設計的界面、互動體驗，若是由於用戶手機網絡緣由而沒法呈現，出現跳轉遲緩、顯示不全等情況，不只白白浪費了運營者的前期努力，也容易挫傷用戶參與積極性，留下不佳的印象。若是可以獲取用戶當前手機設備狀態，經過技術手段加以干預，好比根據設備網絡狀態推送合適的網頁版本，那麼將大大減小此類情況的發生，用戶體驗也將更有保障。

 

六、地理位置類接口：支持獲取用戶的地理位置信息（前提是得到用戶贊成），支持使用微信的內置地圖查看器，查看地理位置或導航。

 

小編解讀：「大衆點評」已將地理位置功能應用得至關成熟，當用戶發起團購美食、電影票、訂酒店等需求時，「大衆點評」能夠當即根據用戶實時位置，向用戶展現其位置周邊相應商家。用戶打開相關商品、服務詳情頁後，還可點擊商家地址，調出地圖、查詢導航指引。

 

 

七、界面操做類接口：支持隱藏或顯示微信內置瀏覽器「右上角菜單」、「分享到朋友圈」、「發送給朋友」、「複製連接」等指定按鈕，支持關閉當前網頁窗口並返回公衆號會話。

 

 

小編解讀：衆所周知，點擊微信界面右上角的「···」，將打開微信全部的菜單按鈕，但對不一樣類型的商家、活動來講，並不是全部菜單按鈕都有用，冗餘的按鈕反而會耽誤時間，干擾用戶選擇。界面操做類接口的開放，能幫助運營者關閉不須要的按鈕，優化選擇界面，也能提高用戶操做效率。

 

 

八、微信掃一掃接口：支持使用微信掃一掃，掃描一維碼或二維碼，並將用戶掃碼內容交由微信處理或返回給網頁由網頁處理。

 

小編解讀：除了掃街景、翻譯，微信掃一掃在購物中的應用也已十分普遍，京東、噹噹等許多網站均支持微信掃碼支付結算，用戶在逛街時，經過微信掃描商品條形碼，亦可即時查詢到線上購買價格。

 

 

除此以外，微信掃一掃亦可掃實物。微信與Panda.W在廣州花城大道開展的「微信掃熊貓」圖象識別合做，獨創經過實物、3D圖形加入微信掃碼新功能，用戶直接掃描實物，就能進入相應的商品售賣頁面，開始購物。從看見到購買、售後無縫對接，大大縮短用戶猶豫期，幫助商家有效促進了銷售。

 

 

九、微信小店接口：支持從網頁跳轉到指定的微信小店商品頁，支持瀏覽商品的詳細信息，支持完整的購買、客服等流程。

 

小編解讀：花心思作了H5推廣頁面，用戶還得經過掃碼、加關注、找入口，才能開始購買商品？太慢了！從此，用戶只需輕輕一點，就能直接打開相應微信小店的商品詳情頁，光速完成詳情查詢和諮詢、購買。

 

 

十、微信卡券接口：支持批量添加卡券、調起使用門店卡券列表及獲取用戶選擇列表。

 

小編解讀：簡而言之，經過這個能力，商家能批量添加多種卡券，並直接爲用戶展現其附近的門店可以使用那些卡券，引導其選擇領取。同時，經過對後臺「用戶選擇列表」進行數據分析，可以快速瞭解相應商圈的用戶喜愛、總體產品受歡迎程度等，好比XX小區附近用戶更愛「牛堡+姜飲」，以便後期的商品調配與優化經營。

 

 

十一、微信支付接口：支持有支付權限的公衆號在網頁發起一個微信支付請求。

 

小編解讀：在某些場景下，相對於圖文消息，網頁多樣化的呈現形式更能知足運營者的需求。如「騰訊公益」，須要向用戶介紹項目進程、項目詳情等，信息量較大，同時又須要兼顧用戶捐款的便捷性，所以，在網頁可以直接發起微信支付請求的需求很是迫切。現在，用戶在查看完「騰訊公益」各項目介紹內容後，已能直接在網頁底部點擊捐款按鈕，就能當即經過微信支付進行捐款。

 

 

附微信開放JS-SDK接口權限列表：