不用寫程式也能做出自己的APP：FlutterFlow
FlutterFlow
說到架設網站和製作APP，大部分人腦中浮現的應該都是坐在電腦前焦頭爛額地寫程式。但是隨著科技的進步與時代的發展，現在有越來越多工具讓架設網站和製作APP變得更加容易與親民，甚至有不需要自己寫任何一行程式碼就可以做出網站和APP的工具出現，讓歡迎我們今天要介紹的主角：FlutterFlow！
無程式/低程式平台 (no-code/low-code platform) FlutterFlow (以下簡稱FF) 是一個讓你不用寫任何程式就可以做出網站與APP的工具，也就是俗稱的無程式/低程式平台 (no-code/low-code platform)。只需要透過拖拉放 (drag and drop) 的介面設計 (User Interface, UI) 方式，就可以輕鬆做出自己的網站與APP！
使用者不需要寫程式的原因是FF的介面將寫程式的過程轉化為介面設計，當使用者在設計介面用到不同的元件 (element) 以及調整位置、大小等設定時，背後相對應的程式碼便會自行完成。因此，「寫程式」的過程即變為相當視覺化與直覺化的介面設計。
這種快速、簡單又易上手的設計，十分適合沒有程式背景的使用者或是想先以最小可行性商品 (Minimum Viable Product, MVP) 來測試市場反應的公司團體。
市面上除了FF以外，常見的無程式/低程式平台還有Bubble, Adalo, Glide等，以上平台各有獨自的特色與優點，以後有機會再和各位介紹。
缺點 當然，FF也不是沒有缺點，如果你不會寫程式的話就只能使用現成的模組跟功能，相較於自己寫程式來說自由度受到不少的限制；另外，FF主要是針對前端(frontend)的設計，若是要打造一個可以實際使用的應用程式，勢必需要後端的資料庫加入，這裡使用者就需要另外串接外部資料庫來搭配，目前FF配合的資料庫有Firebase和Supabase兩個，使用者可以根據自己的喜好與需求來使用，不過資料庫的串接跟建置相對於FF的操作難上許多，沒有程式背景或是初學者需要花費比較多的心力來學習。
功能 FF提供許多不同功能，大致上可以滿足使用者建置一個基本可用的網站和APP。
- 提供近80種元件 (element)：這裡提到的原件包含文字、按鈕等常見功能；以及堆疊 (stack)、直行 (column)、橫列 (row)等版型；還有下拉式選單 (dropdown)、開關 (switch on/off)、計時器 (timer) 等多功能元件。
- 可串接Firebase和Supabase資料庫，打造一個完整的網站或APP。
- 可串接廣告與金流等第三方服務，包含 AdMob和Stripe等。
- 可串接API。
- 線上即時測試：在打造網站或APP的過程中，可以隨時進行測試，檢視頁面設計是否正確且順暢。
- 官方提供教學文件、YouTube頻道和社群討論區，有助於初學者學習。
價錢 FF目前提供免費版、標準版、進階版和團隊版等四種方案。
免費版：享有基本功能、資料庫串接和兩個API Endpoints。
標準版 (22.5美金/月)：增加APK下載和程式碼下載功能。
進階版 (52.5美金/月)：增加可串接GitHub、無限制數量的API Endpoints及發布至App Store 和 Google Play。
團隊版 (52.5美金/月)：增加團隊線上即時協作功能和共享設計庫。 圖片來源：FlutterFlow官網
結尾 FlutterFlow這類無程式/低程式平台的出現，讓不會程式的人也有自己做出網站和APP的一天。其中，我們認為FF的介面、操作和學習資源在眾多的無程式/低程式平台中，皆有相當的水準與競爭力，十分適合有製作網站和APP需求，但是沒有程式背景或是時間緊迫的你。快來試試看吧！
(Instagrm搜尋：digitalhunter.io也可以找到我們哦！還有這篇文章的圖文版！)
當然，FF也不是沒有缺點，如果你不會寫程式的話就只能使用現成的模組跟功能，相較於自己寫程式來說自由度受到不少的限制；另外，FF主要是針對前端(frontend)的設計，若是要打造一個可以實際使用的應用程式，勢必需要後端的資料庫加入，這裡使用者就需要另外串接外部資料庫來搭配，目前FF配合的資料庫有Firebase和Supabase兩個，使用者可以根據自己的喜好與需求來使用，不過資料庫的串接跟建置相對於FF的操作難上許多，沒有程式背景或是初學者需要花費比較多的心力來學習。
功能 FF提供許多不同功能，大致上可以滿足使用者建置一個基本可用的網站和APP。
- 提供近80種元件 (element)：這裡提到的原件包含文字、按鈕等常見功能；以及堆疊 (stack)、直行 (column)、橫列 (row)等版型；還有下拉式選單 (dropdown)、開關 (switch on/off)、計時器 (timer) 等多功能元件。
- 可串接Firebase和Supabase資料庫，打造一個完整的網站或APP。
- 可串接廣告與金流等第三方服務，包含 AdMob和Stripe等。
- 可串接API。
- 線上即時測試：在打造網站或APP的過程中，可以隨時進行測試，檢視頁面設計是否正確且順暢。
- 官方提供教學文件、YouTube頻道和社群討論區，有助於初學者學習。
價錢 FF目前提供免費版、標準版、進階版和團隊版等四種方案。
免費版：享有基本功能、資料庫串接和兩個API Endpoints。
標準版 (22.5美金/月)：增加APK下載和程式碼下載功能。
進階版 (52.5美金/月)：增加可串接GitHub、無限制數量的API Endpoints及發布至App Store 和 Google Play。
團隊版 (52.5美金/月)：增加團隊線上即時協作功能和共享設計庫。 圖片來源：FlutterFlow官網
結尾 FlutterFlow這類無程式/低程式平台的出現，讓不會程式的人也有自己做出網站和APP的一天。其中，我們認為FF的介面、操作和學習資源在眾多的無程式/低程式平台中，皆有相當的水準與競爭力，十分適合有製作網站和APP需求，但是沒有程式背景或是時間緊迫的你。快來試試看吧！
(Instagrm搜尋：digitalhunter.io也可以找到我們哦！還有這篇文章的圖文版！)
FF目前提供免費版、標準版、進階版和團隊版等四種方案。
免費版：享有基本功能、資料庫串接和兩個API Endpoints。
標準版 (22.5美金/月)：增加APK下載和程式碼下載功能。
進階版 (52.5美金/月)：增加可串接GitHub、無限制數量的API Endpoints及發布至App Store 和 Google Play。
團隊版 (52.5美金/月)：增加團隊線上即時協作功能和共享設計庫。
結尾 FlutterFlow這類無程式/低程式平台的出現，讓不會程式的人也有自己做出網站和APP的一天。其中，我們認為FF的介面、操作和學習資源在眾多的無程式/低程式平台中，皆有相當的水準與競爭力，十分適合有製作網站和APP需求，但是沒有程式背景或是時間緊迫的你。快來試試看吧！
(Instagrm搜尋：digitalhunter.io也可以找到我們哦！還有這篇文章的圖文版！)
分享至
成為作者繼續創作的動力吧！
© 2024 vocus All rights reserved.