我正在制作一个使用 firebase 实时数据库的电子应用程序。我遵循了 youtube 上的教程并阅读了 firebase 网站上的文档。一切都做得很完美。我的代码:main.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<!-- https://electronjs.org/docs/tutorial/security#csp-meta-tag -->
</head>
<body>
<h1>Hello World!</h1>
We are using node <script>document.write(process.versions.node)</script>,
Chrome <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
</body>
<script>
require('./renderer.js')
</script>
</html>
主.js:
const { app, BrowserWindow } = require('electron')
function createWindow () {
// Create the browser window.
let win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
// and load the index.html of the app.
win.loadFile('main.html')
}
app.whenReady().then(createWindow)
renderer.js(来自教程)
var firebase = require("firebase");
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "***",
authDomain: "***",
databaseURL: "***",
projectId: "***",
storageBucket: "***",
messagingSenderId: "***",
appId: "***",
measurementId: "***"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
笔记!!我曾经***替换数据只是为了确保它们无论如何都不会暴露。我的程序应该有它们。
包.json
{
"name": "rubik",
"version": "1.0.0",
"description": "",
"main": "main.js",
"scripts": {
"start": "electron ."
},
"author": "",
"license": "ISC",
"dependencies": {
"@grpc/grpc-js": "^0.7.4",
"firebase": "^7.13.1"
},
"devDependencies": {
"electron": "^8.2.0"
}
}
湖上湖
相关分类