Firebase 架站

閱讀時間約 2 分鐘
轉移自 LogDown 原文日期 June 10, 2016 14:33
Firebase 自從被 Google 收購後,從原本的即時資料庫,擴展更多的功能。
筆者這次研究的是架站功能,雖然玩過 Google App Engine 架站,但還是想體驗一下新技術。
目前 Firebase 官方支援的只有靜態網頁 (HTML, CSS, JS, images, etc.) ,如果需要搭配服務器,可以在第三方伺服器安裝 Firebase 架構。
首先到官網註冊帳號,已經有 Google 帳號的可以直接授權。
進到管理頁面後可以選擇建立新專案或是導入舊專案。
點擊專案後可以選擇專案支援的類型,這次選擇的是網站應用程式。
如果是有玩過 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 下看到筆者放進的網頁。
    avatar-img
    6會員
    45內容數
    和 Kotlin 相關的系列文章。 給程式初學者的「Kotlin 學習系列」 給正在實戰的工程師「Kotlin 實戰系列」
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    Kate的沙龍 的其他內容
     轉移自 LogDown 原文日期 January 19, 2016 14:35  Android 上常有些沒有在文件上,卻應該清楚的資訊,筆者稱其為 Android 的潛規則。 下面條列出筆者遇過的部分,會隨著踩過的坑繼續更新。   鬧鈴會因為開關機被清除,所以必須重新設定。 Androi
     轉移自 LogDown 原文日期 September 09, 2015 22:18  View animation (API1) 針對 View 的鏡花水月、海市蜃樓,物件本身沒變化,比如說:點擊和觸摸仍針對原處。   Tween animation 給我一個開始和結束
    轉移自 LogDown 原文日期 May 13, 2015 00:00   想將自己開發的程式碼方便他人或自己引用,可以考慮放到 JCenter 。 目前 intellij Idea 的 Gradle 專案預設就是引用 JCenter 。 1. 首先,要擁有 [Bintray](https://
    轉移自 LogDown 原文日期 March 12, 2015 20:26  前陣子看到別人的 Chrome Extension 之後,筆者也開始好奇這塊領域。 官方引導全都是英文,但不會太難看懂。 簡言之只要為應用準備好一個資料夾,然後裡面有以下四個檔案即可。 manifest.js
    轉移自 LogDown 原文日期 December 26, 2014 14:46  因為專案將要轉移到 jira 和 bitbucket ,所以留下記錄,以便將來輕鬆操作。 用過這兩者的人應該會知道,其實這兩家服務是同一家公司提供的,因為界面是同一個形態啊。 就因如此,它們之間有更多緊密聯繫,一
    轉移自 LogDown 原文日期 December 25, 2014 12:14  在 IntelliJ IDEA 的 Preferences 選單裡,搜尋 VM Options ,看你是用什麼工具 build 的,如果是 Maven ,就在 Maven - Runner,筆者是用 Gradle ,
     轉移自 LogDown 原文日期 January 19, 2016 14:35  Android 上常有些沒有在文件上,卻應該清楚的資訊,筆者稱其為 Android 的潛規則。 下面條列出筆者遇過的部分,會隨著踩過的坑繼續更新。   鬧鈴會因為開關機被清除,所以必須重新設定。 Androi
     轉移自 LogDown 原文日期 September 09, 2015 22:18  View animation (API1) 針對 View 的鏡花水月、海市蜃樓,物件本身沒變化,比如說:點擊和觸摸仍針對原處。   Tween animation 給我一個開始和結束
    轉移自 LogDown 原文日期 May 13, 2015 00:00   想將自己開發的程式碼方便他人或自己引用,可以考慮放到 JCenter 。 目前 intellij Idea 的 Gradle 專案預設就是引用 JCenter 。 1. 首先,要擁有 [Bintray](https://
    轉移自 LogDown 原文日期 March 12, 2015 20:26  前陣子看到別人的 Chrome Extension 之後,筆者也開始好奇這塊領域。 官方引導全都是英文,但不會太難看懂。 簡言之只要為應用準備好一個資料夾,然後裡面有以下四個檔案即可。 manifest.js
    轉移自 LogDown 原文日期 December 26, 2014 14:46  因為專案將要轉移到 jira 和 bitbucket ,所以留下記錄,以便將來輕鬆操作。 用過這兩者的人應該會知道,其實這兩家服務是同一家公司提供的,因為界面是同一個形態啊。 就因如此,它們之間有更多緊密聯繫,一
    轉移自 LogDown 原文日期 December 25, 2014 12:14  在 IntelliJ IDEA 的 Preferences 選單裡,搜尋 VM Options ,看你是用什麼工具 build 的,如果是 Maven ,就在 Maven - Runner,筆者是用 Gradle ,
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    最近碰到個神奇的需求,App啟動時,才要用firebase remoteConfig去決定初始畫面。該文章詳細介紹了在App啟動時如何利用firebase remoteConfig去決定初始畫面,以及解決在推播的情況下造成跳轉無效的問題。
    大家架站最在意什麼事情呢?最近深陷於建立自己的部落格的水深火熱當中。我想和大家分享一下我對於架站的一些雜談心得。 首先,讓我們來談談SSL。對於架站的初學者來說,SSL可能會聽起來有點高大上,但其實它是非常重要的一個東西。SSL(安全套接層)能夠保護你的網站和訪問者之間的數據傳輸安全,讓你的網
    Thumbnail
    在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
    Thumbnail
    架站新手們總是在預算和效能、服務之間猶豫不決,畢竟新手大多還無法靠網站賺取穩定收入,網站的費用很大程度必須自己吸收。如果你還是很想省一點錢,或是不確定自己是否有能力自己長久管理網站,先租個便宜的share hosting試水溫也不是不行,但坑點2、3、4就要盡量避免,保留去留的彈性。
    Thumbnail
    Firebase是一個強大且廣受歡迎的移動和網路應用程序開發平台,它提供了一系列的工具和服務,幫助開發者建立高效、可靠且具有豐富功能的應用程序。本文將介紹Firebase的核心功能、設置和集成方式,並分享實用功能、進階功能以及安全性和性能優化的技巧,以幫助您打造強大的應用程序。
    Thumbnail
    Hhost 是一個基於 Hasura 並且整合了 Serverless、PostgreSQL、Auth、Storage 的一體化 BaaS 服務,主要的假想敵為 Firebase 而目標是將網站系統開發盡可能的精簡與可拓展化。
    Thumbnail
    Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫,支援多平台(JavaScript SDKs、Android、iOS),可以讓使用者即時取得資料庫的資料。
    Thumbnail
    Rank Math 是我遇過〖最佛心〗、〖最優質〗、〖又輕量〗、〖服務周到〗的 SEO 外掛,我很慶幸架站不到半年就遇上它,逃過了許多前輩口中的更換 SEO 外掛可能會經歷的排名黑暗期。 免費版就比 yoast 更強的功能 Google Indexing API 無限的關鍵字設定 社群分享的圖片預
    WordPress是什麼呢? 是一個使用 PHP 及MySQL資料庫的網站製作的工具,一開始通常是用來做為部落格網站,是一個可以輕易上手,功能最強大的網站內容管理系統 目前全世界超過有42%以上的網站都是使用 WordPress 建立,在所有的 CMS 系統中,WordPress網站就佔了約60%,
    Thumbnail
    架設部落格或建立個人網站已經變成經營個人品牌必備的功夫。所以不管是自己要練技術、將來想賣自己的產品、參與聯盟行銷,又或者就只是單純搞個網站紀錄自己的人生軌跡...,都離不開架站話題。
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    最近碰到個神奇的需求,App啟動時,才要用firebase remoteConfig去決定初始畫面。該文章詳細介紹了在App啟動時如何利用firebase remoteConfig去決定初始畫面,以及解決在推播的情況下造成跳轉無效的問題。
    大家架站最在意什麼事情呢?最近深陷於建立自己的部落格的水深火熱當中。我想和大家分享一下我對於架站的一些雜談心得。 首先,讓我們來談談SSL。對於架站的初學者來說,SSL可能會聽起來有點高大上,但其實它是非常重要的一個東西。SSL(安全套接層)能夠保護你的網站和訪問者之間的數據傳輸安全,讓你的網
    Thumbnail
    在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
    Thumbnail
    架站新手們總是在預算和效能、服務之間猶豫不決,畢竟新手大多還無法靠網站賺取穩定收入,網站的費用很大程度必須自己吸收。如果你還是很想省一點錢,或是不確定自己是否有能力自己長久管理網站,先租個便宜的share hosting試水溫也不是不行,但坑點2、3、4就要盡量避免,保留去留的彈性。
    Thumbnail
    Firebase是一個強大且廣受歡迎的移動和網路應用程序開發平台,它提供了一系列的工具和服務,幫助開發者建立高效、可靠且具有豐富功能的應用程序。本文將介紹Firebase的核心功能、設置和集成方式,並分享實用功能、進階功能以及安全性和性能優化的技巧,以幫助您打造強大的應用程序。
    Thumbnail
    Hhost 是一個基於 Hasura 並且整合了 Serverless、PostgreSQL、Auth、Storage 的一體化 BaaS 服務,主要的假想敵為 Firebase 而目標是將網站系統開發盡可能的精簡與可拓展化。
    Thumbnail
    Firebase Realtime Database 是一個 NoSQL 即時雲端資料庫,支援多平台(JavaScript SDKs、Android、iOS),可以讓使用者即時取得資料庫的資料。
    Thumbnail
    Rank Math 是我遇過〖最佛心〗、〖最優質〗、〖又輕量〗、〖服務周到〗的 SEO 外掛,我很慶幸架站不到半年就遇上它,逃過了許多前輩口中的更換 SEO 外掛可能會經歷的排名黑暗期。 免費版就比 yoast 更強的功能 Google Indexing API 無限的關鍵字設定 社群分享的圖片預
    WordPress是什麼呢? 是一個使用 PHP 及MySQL資料庫的網站製作的工具,一開始通常是用來做為部落格網站,是一個可以輕易上手,功能最強大的網站內容管理系統 目前全世界超過有42%以上的網站都是使用 WordPress 建立,在所有的 CMS 系統中,WordPress網站就佔了約60%,
    Thumbnail
    架設部落格或建立個人網站已經變成經營個人品牌必備的功夫。所以不管是自己要練技術、將來想賣自己的產品、參與聯盟行銷,又或者就只是單純搞個網站紀錄自己的人生軌跡...,都離不開架站話題。