應用 FireBase API 快速開發 WebApp

本篇文章更新時間:2019/02/16
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣新台幣 贊助支持。


現在有好多說 WebApp 快速開發 blahblah的技術,充其量就是寫作速度上的修正或是工具應用的提升

就經驗上來說,很多都是開發工具或知識的結合,然後應用於開發上

前幾天看到 六萬七職缺網 介紹裡提到的 FireBase 這 WebApp 工具,一看介紹與使用發現其強大真是驚為天人阿XD

一般來說設計好的 WebApp 通常會開 API 出來,整個切開來分成 Client UI 與 Server API 的也有

分成兩大塊,都自己來真的累死

如果有人幫我寫 Server side 的部分就好了?

這願望 FireBase 辦到拉

不能說全能拉,至少對於只要填表單作業的簡單應用可以快速上線!

今天花2個多小時測試,就可以打造出一個有OAuth FB登入做內容權限管理的服務

來筆記一下

  1. 註冊帳號
  2. 開一個App服務,取得存取資源的URL
  3. 設定Facebook的 OAuth 連結

  4. 設定URL的存取權限

  5. AngularJS使用文件

主幹的服務大致上要動到的就這些,支線就等有時間慢慢測吧!

登入功能的部分還有提供不少資源,最基本的Email+Password也有,想說要測試就直接上OAuth的了

以後要寫個快速應用,這絕對是個好選擇!

整個設計中的一半(Server API)都有人包了,前面UI套AngularJS+BootStrap很快就搞定拉,這不叫快速甚麼叫快速!

而且資料有即時性,所以官方直接放一個線上聊天的SAMPLE,COOL

功能測試測出來了,就是應用還在想,也許完整點再丟到Github去吧!


Share:

作者: Chun

資訊愛好人士。主張「人人都該為了偷懶而進步」。期許自己成為斜槓到變進度條 100% 的年輕人。[///////////____36%_________]

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


文章
Filter
Apply Filters
Mastodon