[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
升級! 全新進化 Angular 6！
前言Angular 終於發布 6.0 正式版了，當然馬上拿手邊的專案來升級啦！後面也順利升級完成了，在論壇蓋大樓回報區回報的同時，也在這紀錄一下。 使用 ng update 進行更新首先更新了 node_modules 的 @angular/cli： 全域：yarn global upgrade @angular/cli@latest 專案目錄：yarn upgrade @angular/cli@latest
Read more
[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
[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
[Cordova Week-1] Hello Cordova!
前言潛水了很久，是時候出來還債分享一下了，在工作上跟 Cordova 真的很有緣，雖然主要是 Angular 的專案開發，但幾乎都是要打包成 APP 的方式呈現，在開發的過程中也踩了不少地雷，經歷過多少次的絕望深淵中爬出，為此，將自身的經驗紀錄下來分享給大家，若有錯誤或需補充的地方還請大家不吝指教。 什麼是 Cordova？Apache Cordova 是一個開源的行動開發框架，它可以讓我們透過標準的 Web 技術例如：HTML, CSS3 與 JavaScript 進行跨平台的行動應用開發，應用程式可以在每個不同的平台包裝並執行，並依靠符合標準的 API 綁定來存取裝置的功能，例如傳感器，資料或網路狀態等。 有以下的情況可以使用 Cordova： 你的行動應用開發想要沿用現有的專案，跨到其他平台，不想再..
Read more