Python firebase appengine:FirebaseUI按钮未显示
我遵循了将Firebase添加到Google应用程序引擎项目的教程。但是,UI按钮没有显示出来;Youtube上有人为Node.JS做了教程,UI按钮也正常工作。这是我在遵循指南后看到的: 上面写着登录,但没有显示 HTML 成功的重述 good.htmlPython firebase appengine:FirebaseUI按钮未显示,python,firebase,google-app-engine,google-cloud-platform,google-app-engine-python,Python,Firebase,Google App Engine,Google Cloud Platform,Google App Engine Python,我遵循了将Firebase添加到Google应用程序引擎项目的教程。但是,UI按钮没有显示出来;Youtube上有人为Node.JS做了教程,UI按钮也正常工作。这是我在遵循指南后看到的: 上面写着登录,但没有显示 HTML 成功的重述 good.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Sample FirebaseUI Ap
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample FirebaseUI App</title>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.9.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.9.1/firebase-analytics.js"></script>
<script>
var firebaseConfig = {
apiKey: "AIzaSyDy38mpi5a_XI3BwZmxcaGG6AYfTp27yUM",
authDomain: "proj-noah-f1280.firebaseapp.com",
databaseURL: "https://proj-noah-f1280.firebaseio.com",
projectId: "proj-noah-f1280",
storageBucket: "proj-noah-f1280.appspot.com",
messagingSenderId: "584810873981",
appId: "1:584810873981:web:dc5305b0c20276f8bc9d14",
measurementId: "G-2CQTJ3ZHHV"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
<script type="text/javascript">
initApp = function() {
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
// User is signed in.
var displayName = user.displayName;
var email = user.email;
var emailVerified = user.emailVerified;
var photoURL = user.photoURL;
var uid = user.uid;
var phoneNumber = user.phoneNumber;
var providerData = user.providerData;
user.getIdToken().then(function(accessToken) {
document.getElementById('sign-in-status').textContent = 'Signed in';
document.getElementById('sign-in').textContent = 'Sign out';
document.getElementById('account-details').textContent = JSON.stringify({
displayName: displayName,
email: email,
emailVerified: emailVerified,
phoneNumber: phoneNumber,
photoURL: photoURL,
uid: uid,
accessToken: accessToken,
providerData: providerData
}, null, ' ');
});
} else {
// User is signed out.
document.getElementById('sign-in-status').textContent = 'Signed out';
document.getElementById('sign-in').textContent = 'Sign in';
document.getElementById('account-details').textContent = 'null';
}
}, function(error) {
console.log(error);
});
};
window.addEventListener('load', function() {
initApp();
});
</script>
</head>
<body>
<h1>Welcome to My Awesome App</h1>
<div id="sign-in-status"></div>
<div id="sign-in"></div>
<pre id="account-details"></pre>
</body>
</html>
按钮没有出现有什么原因吗?我添加@DanCornilescu的评论作为答案,因为它解决了这个问题:
您已登录。单击注销按钮。这个例子并不是很好——对notes应用程序来说太过拘束了,需要进行更改以使其以更通用的方式工作 您已登录。单击注销按钮。这个例子不是很好——对notes应用程序来说太过拘束了,需要进行更改以使其以更通用的方式工作。@VickTree Dan Cornilescu提供的建议有效吗?是的,已经解决了。如果他写一个答案,我会接受的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample FirebaseUI App</title>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.9.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.9.1/firebase-analytics.js"></script>
<script>
var firebaseConfig = {
apiKey: "AIzaSyDy38mpi5a_XI3BwZmxcaGG6AYfTp27yUM",
authDomain: "proj-noah-f1280.firebaseapp.com",
databaseURL: "https://proj-noah-f1280.firebaseio.com",
projectId: "proj-noah-f1280",
storageBucket: "proj-noah-f1280.appspot.com",
messagingSenderId: "584810873981",
appId: "1:584810873981:web:dc5305b0c20276f8bc9d14",
measurementId: "G-2CQTJ3ZHHV"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
</script>
<script type="text/javascript">
initApp = function() {
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
// User is signed in.
var displayName = user.displayName;
var email = user.email;
var emailVerified = user.emailVerified;
var photoURL = user.photoURL;
var uid = user.uid;
var phoneNumber = user.phoneNumber;
var providerData = user.providerData;
user.getIdToken().then(function(accessToken) {
document.getElementById('sign-in-status').textContent = 'Signed in';
document.getElementById('sign-in').textContent = 'Sign out';
document.getElementById('account-details').textContent = JSON.stringify({
displayName: displayName,
email: email,
emailVerified: emailVerified,
phoneNumber: phoneNumber,
photoURL: photoURL,
uid: uid,
accessToken: accessToken,
providerData: providerData
}, null, ' ');
});
} else {
// User is signed out.
document.getElementById('sign-in-status').textContent = 'Signed out';
document.getElementById('sign-in').textContent = 'Sign in';
document.getElementById('account-details').textContent = 'null';
}
}, function(error) {
console.log(error);
});
};
window.addEventListener('load', function() {
initApp();
});
</script>
</head>
<body>
<h1>Welcome to My Awesome App</h1>
<div id="sign-in-status"></div>
<div id="sign-in"></div>
<pre id="account-details"></pre>
</body>
</html>