-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0a1e9e0
commit 6527884
Showing
2 changed files
with
16 additions
and
150 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,152 +1,30 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<title>Welcome to Firebase Hosting</title> | ||
<meta charset="utf-8" /> | ||
<title>Ionic App</title> | ||
|
||
<!-- update the version number as needed --> | ||
<script defer src="/__/firebase/8.3.1/firebase-app.js"></script> | ||
<!-- include only the Firebase features as you need --> | ||
<script defer src="/__/firebase/8.3.1/firebase-auth.js"></script> | ||
<script defer src="/__/firebase/8.3.1/firebase-database.js"></script> | ||
<script defer src="/__/firebase/8.3.1/firebase-firestore.js"></script> | ||
<script defer src="/__/firebase/8.3.1/firebase-functions.js"></script> | ||
<script defer src="/__/firebase/8.3.1/firebase-messaging.js"></script> | ||
<script defer src="/__/firebase/8.3.1/firebase-storage.js"></script> | ||
<script defer src="/__/firebase/8.3.1/firebase-analytics.js"></script> | ||
<script defer src="/__/firebase/8.3.1/firebase-remote-config.js"></script> | ||
<script defer src="/__/firebase/8.3.1/firebase-performance.js"></script> | ||
<!-- | ||
initialize the SDK after all desired features are loaded, set useEmulator to false | ||
to avoid connecting the SDK to running emulators. | ||
--> | ||
<script defer src="/__/firebase/init.js?useEmulator=true"></script> | ||
<base href="/" /> | ||
|
||
<style media="screen"> | ||
body { | ||
background: #ECEFF1; | ||
color: rgba(0, 0, 0, 0.87); | ||
font-family: Roboto, Helvetica, Arial, sans-serif; | ||
margin: 0; | ||
padding: 0; | ||
} | ||
<meta name="color-scheme" content="light dark" /> | ||
<meta name="viewport" | ||
content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | ||
<meta name="format-detection" content="telephone=no" /> | ||
<meta name="msapplication-tap-highlight" content="no" /> | ||
|
||
#message { | ||
background: white; | ||
max-width: 360px; | ||
margin: 100px auto 16px; | ||
padding: 32px 24px; | ||
border-radius: 3px; | ||
} | ||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> | ||
|
||
#message h2 { | ||
color: #ffa100; | ||
font-weight: bold; | ||
font-size: 16px; | ||
margin: 0 0 8px; | ||
} | ||
<link rel="shortcut icon" type="image/png" href="%PUBLIC_URL%/assets/icon/favicon.png" /> | ||
|
||
#message h1 { | ||
font-size: 22px; | ||
font-weight: 300; | ||
color: rgba(0, 0, 0, 0.6); | ||
margin: 0 0 16px; | ||
} | ||
|
||
#message p { | ||
line-height: 140%; | ||
margin: 16px 0 24px; | ||
font-size: 14px; | ||
} | ||
|
||
#message a { | ||
display: block; | ||
text-align: center; | ||
background: #039be5; | ||
text-transform: uppercase; | ||
text-decoration: none; | ||
color: white; | ||
padding: 16px; | ||
border-radius: 4px; | ||
} | ||
|
||
#message, | ||
#message a { | ||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | ||
} | ||
|
||
#load { | ||
color: rgba(0, 0, 0, 0.4); | ||
text-align: center; | ||
font-size: 13px; | ||
} | ||
|
||
@media (max-width: 600px) { | ||
|
||
body, | ||
#message { | ||
margin-top: 0; | ||
background: white; | ||
box-shadow: none; | ||
} | ||
|
||
body { | ||
border-top: 16px solid #ffa100; | ||
} | ||
} | ||
</style> | ||
<!-- add to homescreen for ios --> | ||
<meta name="apple-mobile-web-app-capable" content="yes" /> | ||
<meta name="apple-mobile-web-app-title" content="Ionic App" /> | ||
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> | ||
</head> | ||
|
||
<body> | ||
<div id="message"> | ||
<h2>Welcome</h2> | ||
<h1>Firebase Hosting Setup Complete</h1> | ||
<p>You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something | ||
extraordinary!</p> | ||
<a target="_blank" href="https://firebase.google.com/docs/hosting/">Open Hosting Documentation</a> | ||
</div> | ||
<p id="load">Firebase SDK Loading…</p> | ||
|
||
<script> | ||
document.addEventListener('DOMContentLoaded', function () { | ||
const loadEl = document.querySelector('#load'); | ||
// // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥 | ||
// // The Firebase SDK is initialized and available here! | ||
// | ||
// firebase.auth().onAuthStateChanged(user => { }); | ||
// firebase.database().ref('/path/to/ref').on('value', snapshot => { }); | ||
// firebase.firestore().doc('/foo/bar').get().then(() => { }); | ||
// firebase.functions().httpsCallable('yourFunction')().then(() => { }); | ||
// firebase.messaging().requestPermission().then(() => { }); | ||
// firebase.storage().ref('/path/to/ref').getDownloadURL().then(() => { }); | ||
// firebase.analytics(); // call to activate | ||
// firebase.analytics().logEvent('tutorial_completed'); | ||
// firebase.performance(); // call to activate | ||
// | ||
// // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥 | ||
|
||
try { | ||
let app = firebase.app(); | ||
let features = [ | ||
'auth', | ||
'database', | ||
'firestore', | ||
'functions', | ||
'messaging', | ||
'storage', | ||
'analytics', | ||
'remoteConfig', | ||
'performance', | ||
].filter(feature => typeof app[feature] === 'function'); | ||
loadEl.textContent = `Firebase SDK loaded with ${features.join(', ')}`; | ||
} catch (e) { | ||
console.error(e); | ||
loadEl.textContent = 'Error loading the Firebase SDK, check the console.'; | ||
} | ||
}); | ||
</script> | ||
<div id="root"></div> | ||
</body> | ||
|
||
</html> |