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