If you are building server-rendered Angular or Next.js apps, check out next-generation
Firebase App Hosting, a full-stack solution for modern web frameworks.
提供意見
透過託管整合網站架構
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
Firebase Hosting 可與熱門的現代化網頁架構整合,包括 Angular 和 Next.js。搭配使用 Firebase Hosting 和 Cloud Functions for Firebase 以及這些架構,您就能在偏好的架構環境中開發應用程式和微服務,然後在受管理的安全伺服器環境中部署這些項目。
早期預先發布版支援的功能如下:
部署由靜態網路內容組成的網頁應用程式
部署使用預先算繪/靜態網站產生 (SSG) 的網頁應用程式
部署使用伺服器端轉譯 (SSR) 的網頁應用程式,可視需要進行完整伺服器轉譯
Firebase 會透過 Firebase CLI 提供這項功能。初始化時
指令列上的 Hosting ,能讓您提供現有或新
網路專案,以及 CLI 可為您選取的網路設定合適的資源
這個架構的重點在於
注意: 架構感知 Hosting 為早期公開預先發布版,這表示功能可能會有回溯不相容的變更。預覽
版本不受任何服務水準協議或廢止政策規範,且
或不提供支援服務
事前準備
開始將應用程式部署至 Firebase 之前
請詳閱下列要求和選項:
Firebase CLI 12.1.0 以上版本。請務必
安裝 CLI
即可直接存取所需資料
選用:已啟用 Firebase 專案的計費功能
(如要使用 SSR,此為必要參數)
在本機提供
您可以按照下列步驟在本機測試整合:
從終端機執行 firebase emulators:start
。這項功能會建構應用程式
必須透過 Firebase CLI 提供。
在 CLI 傳回的本機網址開啟網頁應用程式 (通常為 http://localhost:5000)。
將應用程式部署至「Firebase Hosting 」
準備好與全世界分享變更後,請將應用程式部署至
實際網站:
從終端機執行 firebase deploy
。
請前往 SITE_ID.web.app
或 PROJECT_ID.web.app
檢查網站 (如果你有自訂網域,則請檢查該網域)。
後續步驟
請參閱您偏好使用架構的詳細指南:
提供意見
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權 ,程式碼範例則為阿帕契 2.0 授權 。詳情請參閱《Google Developers 網站政策 》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-09-12 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
想進一步說明嗎?
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-09-12 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2024-09-12 (世界標準時間)。"]]