0%

Ionic 7 + Angular:PWA camera 相機功能比較

PWA(Progressive Web App) 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術,它不用上架到 store,很適合行銷工具使用,像是 Youtube (影音社交媒體)、Spotify(音樂串流平台)、Visit Japan Web(入境日本填寫資料)、一些個人品牌電商網站,都利用這個技術。
那麼如果作為開發者呢?我們會看到 PWA 對手機原生功能支援有限的文章,但不知道實際表現到底如何。以下文章是使用 Ionic Angular PWA 在各載體中,對於相機功能的比較紀錄:

▍ PWA 相機 & 手機相機,功能比較

ionic Angular PWA 相機 & 手機相機,功能比較

坦白說我剛開始研究 PWA 的時候還是對它信心滿滿的,因為我是 web 開發人員,要直接跳入 APP 開發技術真的需要適應,所以如果能用 web 做到類似功能是最理想不過的事情。但測試結果與手機原生照相功能比較,有著實在讓人無法忽視的缺陷:

  • 直立拿著 iPad,卻是橫式相機介面,拍攝出的照片又是直式。
  • 無法用手勢拉遠近或調整亮度。
    剩下其他缺陷,我直接列在圖片上面。但以使用者習慣而言,上述任一項都會造成不順利感受。

所以看來還是回到專案需求,看需要用到多少手機原生功能,或是在 APP 與 PWA 同時並存下,在 PWA 隱藏部分功能。
附上範例 PWA 網站:https://photo-gallery-20241230.web.app/tabs/tab2
安裝方式可以搜尋關鍵字:PWA、你的手機系統、你的瀏覽器

▍ 延伸閱讀

— 文章同步發佈於 Vocus