development environment and run the application locally

[Ali7040]

@jvJUCA I read your documentation on how to run the application locally, but Firebase doesn't provide a database URL. What should I do?

[marcgc21]

Hi @Ali7040, remember that Firebase uses Firestore and Realtime Database for that sense. On our case we are using Firestore.
However, can you point us where did you find that you need thie database URL reference?

Att,

M.

[Ali7040]

@marcgc21 In the RUXAILAB repo docs. here is the screenshot check it out

[jvJUCA]

Dear @Ali7040 ,

Here's a helpful setup guide for the project:

Tutorial - Running RUXAILAB with Firebase Emulators 🖥️

Hope it's useful!

Best regards,

@jvJUCA

[pankaj87072]

hey @jvJUCA my exams are over and now i m giving my time to this org but after setting up local env..

my page is not loading

[pankaj87072]

hey @marcgc21 can you help pls..

[KarinePistili]

Can you send the logs from devtools?

[pankaj87072]

Mar 04, 2024 7:36:14 PM com.google.cloud.datastore.emulator.firestore.websocket.WebSocketServer start
INFO: Started WebSocket server on ws://127.0.0.1:9150
API endpoint: http://127.0.0.1:8081
If you are using a library that supports the FIRESTORE_EMULATOR_HOST environment variable, run:

export FIRESTORE_EMULATOR_HOST=127.0.0.1:8081

If you are running a Firestore in Datastore Mode project, run:

export DATASTORE_EMULATOR_HOST=127.0.0.1:8081

Note: Support for Datastore Mode is in preview. If you encounter any bugs please file at https://github.com/firebase/firebase-tools/issues.
Dev App Server is now running.

Mar 04, 2024 7:36:31 PM io.gapi.emulators.netty.HttpVersionRoutingHandler channelRead
INFO: Detected non-HTTP/2 connection.
Mar 04, 2024 7:36:31 PM io.gapi.emulators.netty.HttpVersionRoutingHandler channelRead
INFO: Detected HTTP/2 connection.
Mar 04, 2024 7:47:21 PM com.google.cloud.datastore.emulator.firestore.websocket.WebSocketChannelHandler initChannel
INFO: Connected to new websocket client
*** shutting down gRPC server since JVM is shutting down
*** server shut down

[KarinePistili]

Hi I mean the devtools of the browser when you enter localhost:8080, the ruxailab url. Is this that? It looks differente from usual expected

[pankaj87072]

[pankaj87072]

it just showing the firebase api error and waiting even after multiple attempts of generating new api key and copying it to .env file

[pankaj87072]

srry for late reply

[priyakumari02]

Hello @KarinePistili ,
I followed the video tutorial , and after running npm run serve
In localhost i am getting a blank page

[pankaj87072]

@priyakumari02 same with me

[priyakumari02]

And on running firebase enumalator:start i am getting this error

[pankaj87072]

Run firebase use --add and select the project

[KarinePistili]

We will try to recreate the errors you are having and will give a feedback soon

[pankaj87072]

@KarinePistili ohk mam

[priyakumari02]

OK @KarinePistili

[KarinePistili]

hello everybody, I've just put an answer that could help you on the discussion, check it out and tell me if it helps you ;)

[skushagra9]

maybe, something wrong with how variables are passed in development mode, instead of calling the varibales from env, you can just paste the variables, and remove the conditional rendering, it will work

[skushagra9]

just create a db with firestore and it would work

[pankaj87072]

@KarinePistili hey same problem occur using github codesapce also pls review it

[KarinePistili]

hello @pankaj87072 , I've just put a possible fix in my last answer, try to check it out and see if it works for you :)

[abhisek-1221]

• Emulators are running but getting blank page in port 8080 (vue localhost server)

@KarinePistili @marcgc21 Need help!

[KarinePistili]

hello @abhisek-1221 , try checking the info I've put in the answer below, see if it helps you

[KarinePistili]

There are some things you could check to see if it will work for you:

1. Check the name of your env vars, see if they match the following:

VUE_APP_FIREBASE_API_KEY_DEV=""
VUE_APP_FIREBASE_AUTH_DOMAIN_DEV=""
VUE_APP_FIREBASE_STORAGE_BUCKET_DEV=""
VUE_APP_FIREBASE_DB_URL_DEV=""
VUE_APP_FIREBASE_PROJECT_ID_DEV=""
VUE_APP_FIREBASE_MESSAGING_SENDER_ID_DEV=""
VUE_APP_FIREBASE_APP_ID_DEV=""
VUE_APP_I18N_LOCALE=""
VUE_APP_I18N_FALLBACK_LOCALE=""
LARAVEL_PDF=""

If you are using the development mode, they have the _DEV at the end. The screenshot below shows how the env vars are used on the code to initialize firebase project.

2. Check if you correclty put the VUE_APP_FIREBASE_DB_URL_DEV="" variable. You need to create a database on firestore dashboard, this option will appear on project config after that.

[abhisek-1221]

Thanks @KarinePistili ! It's working

[DIWAKARKASHYAP]

thanks @KarinePis tili working