純粹沒有寫過行動,上網查了一下比較夯的 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 做整合更有利於快速開發。
這次想要練練登入,這篇主要是前端登入畫面使用 Reactive Form ,後端則是用 JWT ,到最後使用 Storage 把 token 存起來。 Rout...
接續 Day 11 Login & JWT ,之前我們弄好了登入畫面,還有登入的事件,還有把 Token 存在 Storage。Route Guard...
Day 11 Login & JWT 跟 Day 12 Login & Route Guard & HTTP Interceptor 練...
Day 11 Login & JWT 跟 Day 12 Login & Route Guard & HTTP Interceptor 練...
先說結論!!! 先說結論!!! 先說結論!!!結論這篇比我想像中難,中間遇到了一些我對於 Capacitor 跟 cordova 套件的不了解。我本來想要用 c...
Day 15 Camera 我成功的更新了大頭照,但是其實拍完照之後,會發現檔案其實很大,所以今天想要練練 Resize ,加快大頭照的載入速度。 之前我也有使...
今天想不到要寫啥! 決定來練習個國民習題 Shopping Cart。這篇主要是想試試看 ion-slide 元件,去用翻的方式顯示產品。 後端 API 準備...
Day 17 Cart & Slide 我弄了一個 Slide 挑選商品的介面。 選好之後,我想要開一個跳窗去計算我的商品價格。 主要想要玩玩看 ion...
這次想要練怎麼在手機上播放媒體,真的難! 最後整個是照著 Play Music in Ionic Capacitor apps 這篇文章在做練習。 npm in...
Day 19 Music 我們建立了只能播放一首歌的音樂播放器。 這次想要加上 File ,可以從手機挑選音樂播放。 安裝套件 File npm install...