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

PWA（Progressive Web App） 是一種可以在手機上偽裝成 APP 的網頁瀏覽技術，它不用上架到 store，很適合行銷工具使用，像是 Youtube(影音社交媒體)、Spotify（音樂串流平台）、Visit Japan Web（入境日本填寫資料）、一些個人品牌電商網站，都利用這個技術。

那麼如果作為開發者呢？我們會看到 PWA 對手機原生功能支援有限的文章，但不知道實際表現到底如何。以下文章是使用 Ionic Angular PWA 在各載體中，對於相機功能的比較紀錄：

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

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

1. 直立拿著 iPad，卻是橫式相機介面，拍攝出的照片又是直式。
2. 無法用手勢拉遠近或調整亮度。

剩下其他缺陷，我直接列在圖片上面。但以使用者習慣而言，上述任一項都會造成不順利感受。

所以看來還是回到專案需求，看需要用到多少手機原生功能，或是在 APP 與 PWA 同時並存下，在 PWA 隱藏部分功能。

附上範例 PWA 網站：https://photo-gallery-20241230.web.app/tabs/tab2

安裝方式可以搜尋關鍵字：PWA、你的手機系統、你的瀏覽器

▍ 延伸閱讀

• PWA介紹 (Progressive Web App)，優、缺點及範例介紹
• 漸進式網路應用程式（PWA）會成為推倒Google Play與iOS App Store的高牆嗎？
• Ionic vs. React Native: Performance Comparison
• Ionic React vs React Native: What are the Differences Between Them?

Ann Chou 喜愛電影和威士忌，既是前端工程師，也是藝術愛好者。喜歡書寫學習歷程和技術文件，掌握經驗與隨時提取的感覺很好。