純粹沒有寫過行動,上網查了一下比較夯的 Mobile APP Framework,像是 Native Script、React Native、Xamarin、Ionic、PhoneGap、Flutter、JQuery Mobile ...等等中,隨手 random 挑了 Ionic 來寫。
Ionic Framework 是一套使用 HTML, CSS, Javascript 去建立優秀、高品質行動 APP 的開源跨平台 UI toolkit。另外有跟流行框架 Angular 和 React 做整合更有利於快速開發。
這篇主要,我們要先去安裝 Node.js ,然後藉由 NPM 去安裝 Ionic CLI。 安裝 Node.js https://nodejs.org/ 如果安...
Ionic 似乎沒有主要的開發工具,基本上只要是可以編輯文件檔,還有執行 Ionic CLI 的指令,就可以開發 Ionic 了。 這邊我選擇用 VSCode,...
Day 2 安裝 VSCode & firstApp 解析 中最後帶到了點擊 Tabs 然後載入不同的 Page,最主要就是因為我們有設置 Route...
在 Day 3 Route & Menu 的基礎上,我今天想要做個 Grid Menu 做個練習,類似下圖: 建立專案 ionic start demo...
Day4 Grid Menu 中,我們寫了一個 Grid Menu,我想要把寫死的 menu:MenuItemModel[] 的資料,改去 call API。...
Day 5 HttpClient 使用了 HttpClient,這篇會額外示範如何加入 querystring。 這次想做個 List 加無限卷軸的練習。 準備...
Android 環境設置 Java JDK 安裝 (我自己安裝的是最新版的 jdk-15_windows-x64_bin.exe)https://www.ora...
Day 7 Capacitor & 在 Android 模擬器跑 APP 中,我成功的把 APP 放到手機模擬器執行。接著我要把 APP 產生一個加簽的...
Day 7 Capacitor & 在 Android 模擬器跑 APP 中加入了 Capacitor ,所以我們這邊就可以開始加入一些 native...
Day 9 主題切換 & Storage 中,我們使用了 Storage ,這邊依舊是 Storage 的應用。嘗試弄個多國語系。 多國語系 先安裝必要...