![](/img/trans.png)
[英]How to properly deploy a ReactJS frontend with a NodeJS backend on firebase
[英]How to set up firebase emulators using nodejs and reactjs?
我正在嘗試為功能和 Firestore 設置 firebase 仿真器。 我的文件結構是這樣設置的:
functions
---APIs
---util
---.gitignore
---index.js
---package-lock.json
---package.json
views
---public
---src
---.gitignore
---capacitor.config.json
---ionic.config.json
---package-lock.json
---package.json
---tsconfig.json
.firebaserc
.gitignore
firebase.json
firestore.indexes.json
firestore.rules
ionic.config.json
package-lock.json
package.json
該視圖是我的反應前端代碼所在的位置。
我設置了模擬器,當我運行firebase emulators:start
它運行模擬器。 但在那之后,我不知道如何將它們與 nodejs 和前端連接起來。
這是路徑函數/index.js 的 index.js 代碼:
const functions = require("firebase-functions");
var bodyParser = require("body-parser");
const app = require("express")();
const auth = require("./util/auth");
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));
// parse application/json
app.use(bodyParser.json());
{/**** route calls were here ****/}
exports.api = functions.https.onRequest(app);
在functions/util/admin.js中,我有這樣的代碼:
const admin = require("firebase-admin");
admin.initializeApp();
const db = admin.firestore();
db.settings({
host: "localhost:8080",
ssl: false
});
module.exports = { admin, db };
這是我用於登錄的函數/APIs/users.js 的一些代碼等:
const { admin, db } = require("../util/admin");
const config = require("../util/config");
const { capitalize_Words } = require("../util/helpers");
const firebase = require("firebase");
firebase.initializeApp(config);
const { validateLoginData, validateSignUpData } = require("../util/validators");
// Login
exports.loginUser = (request, response) => {
{/**** rest of code here ****/}
如果有人對如何連接模擬器有任何建議,請告訴我。 另外,如果有人有更好的建議或需要更多信息,請告訴我。
感謝您的任何幫助!
沒有足夠的想象互聯網點來評論,所以我把我的想法放在這里。 順便說一句,我沒有 Ionic 的背景,所以我可能會遺漏一些東西。
模擬器套件在激活時應該可以在localhost
地址上使用(例如localhost:5001
,我認為這是默認設置)。 從那里你應該能夠像這樣路由到你的函數localhost:5001/example_function
。
這應該只用於在本地開發東西。 實時部署應用程序時,應部署firebase deploy
,url 將根據您的 firebase 項目而更改。 在這兩種情況下,CLI 都應該編寫准確的 function url
讓我知道這是否回答了您的問題,或者我是否離題了!
https://firebase.google.com/docs/emulator-suite/install_and_configure
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.