iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 5
1
Modern Web

我的網站、您的手機、它的Cordova、誰的第三方系列 第 6

我的網站、您的手機、它的Cordova、誰的第三方-Core Plugin

  • 分享至 

  • xImage
  •  

在Cordova專案裡,有一個cordova.js檔案,算是Cordova的核心,但是如果要使用Android或Apple手機裡的其它硬體功能,只載入cordova.js是不夠的。

如果您也使用VS建構Cordova專案,在剛開始的時候,您會找不到cordova.js,我不太清楚是什麼原因,但是要在第一次Debug之後,cordova.js才會出現...所以不要擔心找不到cordova.js這個檔案。

接下來,我們需要適時的載入我們所需要的Cordova Plugin,在Cordova官方的網頁中有提到,Plugin APIs,有下列幾種

http://ithelp.ithome.com.tw/upload/images/20161205/200061327yBLCEVGAY.png

在這次鐵人賽的實作裡,預計會用到的如下:

Plugin名稱 功能
Battery Satus 取得電池狀態
Camera 呼叫相機功能
Device 取得裝置資訊
File 存取檔案
Geolocation 取得目前位置
Inappbrowser 在APP內的瀏覽器
Media 錄或播放音效類型檔案
Network Information 檢查網路狀態
Vibration 手機振動
Statusbar 顯示或隱藏APP
Whilelist 允許連外網路清單

之所以會使用VS來做為開發工具,並不是因為它好用或不好用,而是因為自己對於Android Studio的開發環境,還沒有熟悉到讓我可以解決我所遇到的問題,所以選擇了VS,做為開發環境。
可能,有人會說:「用VS就不會有開發環境上的問題嗎?」

怎麼可能不會有...像我這種用手機、手機壞(Moto, SONY, HTC, Infocus),用相機、相機壞(Nikon 1),用AIX TSM Oracle Tape Library 都遇過不是壞了,就是連原廠都沒看過的錯誤訊息,順帶一提,我目前用的筆電...Lenovo T420s,還是全台灣第一台送修的筆電,因為買回來一開箱,光碟機就是壞的...

回到主題,實在因為沒有太多時間,所以含淚選擇VS...

下面就是Cordova 要設定Plugin在VS裡的畫面,點開VS專案裡的config.xml之後,選擇畫面左邊的Plugins,再點畫面右邊的「Core」,就可以看到Core Plugin,然後選擇自己要使用的,一項一項裝...

http://ithelp.ithome.com.tw/upload/images/20161205/20006132onfyNaIdgw.png

http://ithelp.ithome.com.tw/upload/images/20161205/20006132u15zyw9BSg.png

安裝完畢後,可以到installed 確認是否有打勾,如有打勾,便可以使用啦...

http://ithelp.ithome.com.tw/upload/images/20161205/20006132HMZMdDoqkM.png

安裝好後的Plugin該怎麼使用呢? 不用擔心,在Cordova 官網裡面,就有Plugin 的使用方法...
像是這個電池Plugin的說明頁面。
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-battery-status/index.html

接下來,我就要測試兩個Plugin,分別是Battery 和 Geolocation。

各位可以到Google Play 裡去搜尋 2016iT邦幫忙鐵人賽_範例

(待)

2016/12/06 Sunallen


上一篇
{"5":"Publish APP and Battery"}
下一篇
{"6":"Cordova Core Plugin+s"}
系列文
我的網站、您的手機、它的Cordova、誰的第三方32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言