Firebase Hosting で Bootstrap を試してみた

ローカル側での準備

Firebase Hosting を使ってみた

Firebase Hosting とは GoogleさんのFirebaeというサービスの中の一つで　静的なWebサイトを簡単手軽に公開出来る様です。HTML,CSS,Javascriptを組み合わせた様なサイトは問題ない様です。Boots...

www.aiik.net

2019.01.12

index.html の作成

下記の Bootstrap のサイトから「Starter template」をコピペしました。
プロジェクトフォルダの下の　public フォルダに　index.html で保存。

Introduction

Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.

getbootstrap.com

index.html の1か所だけ変更しました。

Firebase Hosting 側での準備

Firebase コンソールにてプロジェクトの作成

ローカルのコマンドプロンプトにて作業

firebase login

コマンドプロンプトでプロジェクトフォルダに移動

firebase init

firebase deploy –  -project “プロジェクトID”

デプロイが成功したら Hosting URL が表示されるので　ブラウザでアクセス

デプロイ成功

URLを表示

証明書の確認

Firebase Hosting で　Bootstrap 使える様だ