Firebase 架站
更新於 2019/05/12閱讀時間約 2 分鐘
轉移自 LogDown 原文日期 June 10, 2016 14:33
Firebase 自從被 Google 收購後，從原本的即時資料庫，擴展更多的功能。
筆者這次研究的是架站功能，雖然玩過 Google App Engine 架站，但還是想體驗一下新技術。
目前 Firebase 官方支援的只有靜態網頁 (HTML, CSS, JS, images, etc.) ，如果需要搭配服務器，可以在第三方伺服器安裝 Firebase 架構。
如果是有玩過 Google App Engine 的開發者大概會莞爾一笑，因為 firebase 修改網站內容的功能也不在雲端，要在本機安裝開發工具。
官方英文的架站教學其實還算詳細，但筆者還是喜歡將實際的操作記錄下來。
以下操作執行於 terminal。
npm install -g firebase-tools //安裝 sdk ，如果沒有足夠權限命令前方請加上 sudo
firebase login //執行身份授權
會自動開啟授權網頁
允許後會導向 CLI 文件頁面
出現以下訊息就表示成功授權了
Waiting for authentication... ✔ Success! Logged in as {your email}
firebase init . //在專案目錄下初始化
忍不住截圖了，因為那個火焰文字太酷炫啦！
因為這次的目的是架站所以選擇的是 Hosting Setup
專案目錄下會自動生成檔案： firebase.json
接著就可以進行開發作業。
預設資源放在專案目錄下的 public 目錄下，因為 public 目錄不會自動產生，所以要自己建立。
此次筆者因為是實驗所以只在 public 目錄下放進 index.html 。
開發完成後就可以選擇在本機或是雲端檢視成果。
firebase serve //本機架站
firebase deploy //把專案的資源上傳到雲端，如果有多個專案，就必須在後面指定專案名稱
大功告成了！順利在 {Hosting Site}/index.html 下看到筆者放進的網頁。
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
最近碰到個神奇的需求，App啟動時，才要用firebase remoteConfig去決定初始畫面。該文章詳細介紹了在App啟動時如何利用firebase remoteConfig去決定初始畫面，以及解決在推播的情況下造成跳轉無效的問題。
大家架站最在意什麼事情呢？最近深陷於建立自己的部落格的水深火熱當中。我想和大家分享一下我對於架站的一些雜談心得。
首先，讓我們來談談SSL。對於架站的初學者來說，SSL可能會聽起來有點高大上，但其實它是非常重要的一個東西。SSL（安全套接層）能夠保護你的網站和訪問者之間的數據傳輸安全，讓你的網
在網站建設的世界中，WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說，WordPress 是一個理想的選擇。
架站新手們總是在預算和效能、服務之間猶豫不決，畢竟新手大多還無法靠網站賺取穩定收入，網站的費用很大程度必須自己吸收。如果你還是很想省一點錢，或是不確定自己是否有能力自己長久管理網站，先租個便宜的share hosting試水溫也不是不行，但坑點2、3、4就要盡量避免，保留去留的彈性。
Firebase是一個強大且廣受歡迎的移動和網路應用程序開發平台，它提供了一系列的工具和服務，幫助開發者建立高效、可靠且具有豐富功能的應用程序。本文將介紹Firebase的核心功能、設置和集成方式，並分享實用功能、進階功能以及安全性和性能優化的技巧，以幫助您打造強大的應用程序。
Hhost 是一個基於 Hasura 並且整合了 Serverless、PostgreSQL、Auth、Storage 的一體化 BaaS 服務，主要的假想敵為 Firebase 而目標是將網站系統開發盡可能的精簡與可拓展化。
Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫，支援多平台（JavaScript SDKs、Android、iOS），可以讓使用者即時取得資料庫的資料。
Rank Math 是我遇過〖最佛心〗、〖最優質〗、〖又輕量〗、〖服務周到〗的 SEO 外掛，我很慶幸架站不到半年就遇上它，逃過了許多前輩口中的更換 SEO 外掛可能會經歷的排名黑暗期。
免費版就比 yoast 更強的功能
Google Indexing API
無限的關鍵字設定
社群分享的圖片預
WordPress是什麼呢？ 是一個使用 PHP 及MySQL資料庫的網站製作的工具，一開始通常是用來做為部落格網站，是一個可以輕易上手，功能最強大的網站內容管理系統
目前全世界超過有42%以上的網站都是使用 WordPress 建立，在所有的 CMS 系統中，WordPress網站就佔了約60%，
架設部落格或建立個人網站已經變成經營個人品牌必備的功夫。所以不管是自己要練技術、將來想賣自己的產品、參與聯盟行銷，又或者就只是單純搞個網站紀錄自己的人生軌跡...，都離不開架站話題。
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題，等你踹共啦！還有機會獲得經典的「偉士牌樂高」喔！馬上來參加本次的活動吧！
最近碰到個神奇的需求，App啟動時，才要用firebase remoteConfig去決定初始畫面。該文章詳細介紹了在App啟動時如何利用firebase remoteConfig去決定初始畫面，以及解決在推播的情況下造成跳轉無效的問題。
大家架站最在意什麼事情呢？最近深陷於建立自己的部落格的水深火熱當中。我想和大家分享一下我對於架站的一些雜談心得。
首先，讓我們來談談SSL。對於架站的初學者來說，SSL可能會聽起來有點高大上，但其實它是非常重要的一個東西。SSL（安全套接層）能夠保護你的網站和訪問者之間的數據傳輸安全，讓你的網
在網站建設的世界中，WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說，WordPress 是一個理想的選擇。
架站新手們總是在預算和效能、服務之間猶豫不決，畢竟新手大多還無法靠網站賺取穩定收入，網站的費用很大程度必須自己吸收。如果你還是很想省一點錢，或是不確定自己是否有能力自己長久管理網站，先租個便宜的share hosting試水溫也不是不行，但坑點2、3、4就要盡量避免，保留去留的彈性。
Firebase是一個強大且廣受歡迎的移動和網路應用程序開發平台，它提供了一系列的工具和服務，幫助開發者建立高效、可靠且具有豐富功能的應用程序。本文將介紹Firebase的核心功能、設置和集成方式，並分享實用功能、進階功能以及安全性和性能優化的技巧，以幫助您打造強大的應用程序。
Hhost 是一個基於 Hasura 並且整合了 Serverless、PostgreSQL、Auth、Storage 的一體化 BaaS 服務，主要的假想敵為 Firebase 而目標是將網站系統開發盡可能的精簡與可拓展化。
Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫，支援多平台（JavaScript SDKs、Android、iOS），可以讓使用者即時取得資料庫的資料。
Rank Math 是我遇過〖最佛心〗、〖最優質〗、〖又輕量〗、〖服務周到〗的 SEO 外掛，我很慶幸架站不到半年就遇上它，逃過了許多前輩口中的更換 SEO 外掛可能會經歷的排名黑暗期。
免費版就比 yoast 更強的功能
Google Indexing API
無限的關鍵字設定
社群分享的圖片預
WordPress是什麼呢？ 是一個使用 PHP 及MySQL資料庫的網站製作的工具，一開始通常是用來做為部落格網站，是一個可以輕易上手，功能最強大的網站內容管理系統
目前全世界超過有42%以上的網站都是使用 WordPress 建立，在所有的 CMS 系統中，WordPress網站就佔了約60%，
架設部落格或建立個人網站已經變成經營個人品牌必備的功夫。所以不管是自己要練技術、將來想賣自己的產品、參與聯盟行銷，又或者就只是單純搞個網站紀錄自己的人生軌跡...，都離不開架站話題。