Jeff Wu's Note

Archives · 2018

Home

About

Archives

loading..
capacitorhybrid appionic 4

Capacitor - The Native Bridge for Cross-Platform Web Apps

Hybrid App談到 Hybrid App 你會想到什麼呢?大部分的人都一定會想到 Phonegap 或是 Cordova 吧,這些框架讓我們可以將 Web 封裝成 App 的形式,並且能夠在行動裝置的作業系統上運作,例如 Android, iOS 等主流的行動平台。並且讓我們透過各種原生的 plugin 的方式,以一份原始碼能夠在不同平台上執行的目的,提供開發者更有效率且容易維護的一套解決方案。而 Capacitor 呢? Native Progressive Web AppsCapacitor 的靈感來自其他熱門的跨平台工具例如: React Native 以及 Turbolinks , 並繼承 Apache Cordova 和 Adobe PhoneGap 的精神,完全專注於使現代的網站應用能很..

Read more
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..
Angular 6angular/cling update

升級! 全新進化 Angular 6!

前言Angular 終於發布 6.0 正式版了,當然馬上拿手邊的專案來升級啦!後面也順利升級完成了,在論壇蓋大樓回報區回報的同時,也在這紀錄一下。 使用 ng update 進行更新首先更新了 node_modules 的 @angular/cli: 全域:yarn global upgrade @angular/cli@latest 專案目錄:yarn upgrade @angular/cli@latest

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
12