Jeff Wu's Note

Categories · Cordova

Home

About

Archives

cordova plugingeolocation

[Cordova Week-5] Cordova Plugin Geolocation

前言來到了第五週,這次要介紹的功能也是時常會用到的,衛星定位功能,無論是在生活還是實務中,一定會用到的功能,因此 Cordova 官方也將 cordova-plugin-geolocation 列為核心套件並持續提供維護。套件支援的平台有 Windows, Android 以及 iOS,這次一樣針對 Android & iOS 的部分來做介紹。 安裝方式安裝方式與前面幾篇介紹的一樣,透過 cordova cli 安裝套件: $ cordova plugin add cordova-plugin-geolocation 初始化在安裝並建置完成之後,套件會建立全域的物件 navigator 下的一個 geolocation 屬性,雖然是全域屬性,但與其它套件一樣,要在 deviceready 觸發之後..

Read more
cordova plugin filefileCordova Android

[Cordova Week-4] Cordova File System

前言開發 App 的時候,時常會遇到要處理裝置中的圖片或檔案,一陣子沒有碰了,因此這次就來聊聊 Cordova App 中的 File System!Cordova 針對 File System 提供了核心套件 ( Core Plugin ) - cordova-plugin-file,主要實作了檔案操作相關的 API 使我們能讀寫裝置中的檔案,不同的平台,提供的屬性或方法都不盡相同,我們先從 Android 的部分開始介紹。 安裝套件透過 Cordova CLI 進行安裝: $ cordova plugin add cordova-plugin-file 在執行時期,若有正確引入 cordova.js,加入 cordova-plugin-file 後,會在全域屬性中找到 cordova.file 物件。..

Read more
loading..
Cordova-iOSPhonegap pluginPush NotificationAzure Notification Hub

[Cordova Week-3] Cordova Push Notification - iOS

前言上一篇我們介紹了如何建立 FCM 並將 API 金鑰設定至 Azure,最後完成訊息推播測試,本篇將繼續說明 iOS 訊息推播要如何設定,主要的步驟有: 建立 iOS 推播通知憑證 上傳 p12 與設定 Azure Notification Hub 進行推播測試 建立 App Identity (App ID)iOS 平台需要先進入 Apple Developer 的管理介面建立 AppId,並啟動 Push Notifications 的功能。另外,要準備一台 MacOS 裝置,透過鑰匙圈 ( Keychain ) 工具建立 CSR ( Certificate Signing Request ),將檔案上傳轉換成憑證並下載,點擊加入鑰匙圈後匯出 p12 檔,將 p12 檔上傳至 Azure Not..

Read more
loading..
Cordova-AndroidCordova-iOSPhonegap pluginPush Notification

[Cordova Week-2] Cordova Push Notification - Android

前言在 Mobile App 的開發中,推播通知已經是不可或缺的 App 功能之一,大部分的商業 APP 都一定有推播通知的功能,因此,這次要介紹如何安裝與使用 Phonegap Plugin Push 並透過 Azure Notification Hub 實現 Android 與 iOS 的即時推播訊息功能。 什麼是 Phonegap-plugin-push?Phonegap-plugin-push 提供使用單一獨立的 API 來支援接收及處理原生 push notification。但這不是指我們可以發送單一個訊息並在不同作業系統上都能收到。基本上 Android 使用的是 FCM,iOS 則使用 APNS,而且他們的 payload 都很不一樣。即使在 Android 及 iOS 都使用 FCM,也是..

Read more
loading..
Angular with cordovaCordova environment prepareCordova-CLICordova-AndroidCordova-iOS

[Cordova Week-1] Hello Cordova!

前言潛水了很久,是時候出來還債分享一下了,在工作上跟 Cordova 真的很有緣,雖然主要是 Angular 的專案開發,但幾乎都是要打包成 APP 的方式呈現,在開發的過程中也踩了不少地雷,經歷過多少次的絕望深淵中爬出,為此,將自身的經驗紀錄下來分享給大家,若有錯誤或需補充的地方還請大家不吝指教。 什麼是 Cordova?Apache Cordova 是一個開源的行動開發框架,它可以讓我們透過標準的 Web 技術例如:HTML, CSS3 與 JavaScript 進行跨平台的行動應用開發,應用程式可以在每個不同的平台包裝並執行,並依靠符合標準的 API 綁定來存取裝置的功能,例如傳感器,資料或網路狀態等。 有以下的情況可以使用 Cordova: 你的行動應用開發想要沿用現有的專案,跨到其他平台,不想再..

Read more