Home / Questions

Questions[firebase]

Martin Hope
eMihl
Asked: 2022-08-19 04:20:10 +0800 CST
  • 2

I have created a coroutine inside a function to achieve, through the withContext, that the thread waits for the result of the get() launched to firestore. However, it seems that the get() method creates a separate thread, so I can't get the coroutine to wait for the variables to be assigned their corresponding values. The execution continues, and the variables are left with their default values, not with the values ​​collected in firestore.

How should I use the coroutine so that it expects the result requested from the firestore via the get() method? Is there an alternative way to do what I want?

GlobalScope.launch(Dispatchers.Main) {

      val recyclerView: RecyclerView = view.findViewById(R.id.recycler1)
      recyclerView.layoutManager = LinearLayoutManager(context)

      val database = FirebaseFirestore.getInstance()

      withContext(Dispatchers.IO) {
         database.collection("grupos").document("2").get().addOnSuccessListener {
           nombreEvent = it.getString("name")
           artista = it.getString("artista")
           descripcion = it.getString("descripcion")
           lugar = it.getString("lugar")
           imagen = it.getString("imagen")
         }
       }

       val adapterRec = RecyclerAdapter( listOf(Grupo("id", nombreEvent, artista, descripcion, lugar,imagen)))
       recyclerView.adapter = adapterRec
            
}
firebase
Martin Hope
jsdnlb
Asked: 2020-01-27 14:54:55 +0800 CST
  • 3

The architecture of the files is as follows.

enter image description here

The file package.jsoncontains the following code:

{
  "name": "my-music",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.4.4",
    "vue": "^2.6.10",
    "vuetify": "^2.1.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^4.1.0",
    "@vue/cli-plugin-eslint": "^4.1.0",
    "@vue/cli-service": "^4.1.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "sass": "^1.19.0",
    "sass-loader": "^8.0.0",
    "vue-cli-plugin-vuetify": "^2.0.3",
    "vue-template-compiler": "^2.6.10",
    "vuetify-loader": "^1.3.0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions"
  ]
}

The file firebase.jsoncontains the following code:

{
    "hosting": {
        "public": "public",
        "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
        "rewrites": [
            {
                "source": "**",
                "destination": "/index.html"
            }
        ]
    }
}

If I run my project with npm run serveit runs on my localhost on port 8080, in which case it shows the following.

enter image description here

/public/index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
        <title>My music</title>
    </head>
    <body>
        <noscript>
            <strong>We're sorry but my-music doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
        </noscript>
        <div id="app">
            <h1>Hola</h1>
        </div>
        <!-- built files will be auto injected -->
    </body>
</html>

However when I run firebase serveit just shows me the public/index.html enter image description here

Both are supposed to show the same thing in this case, regardless of whether localhost runs on port 8080 and the server runs on port 5000.

firebase
Martin Hope
Richard
Asked: 2020-07-06 13:03:49 +0800 CST
  • 3

Run a test application to test authentication using Firebase , Facebook , Google , and Twitter . Once you see finished and see that they work in the test application, pass everything you need to use it in another application but it turns out that in the other application I use it routesto change the interface,

The problem is that when trying to enter email or password, the screen flashes and it seems that the Login interface is restarted and does not show any errors. The Email and the password are entered with aTextFormField

therefore try to adapt it as follows

test application

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Provider(
      auth: Auth(),
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData.dark(),
        home: MyHomePage(),
      ),
    );
  }
}

main application

class Aplicacion extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Provider(
      auth: Auth(),
      child: MaterialApp(
        routes: <String, WidgetBuilder>{
          "/Principal": (BuildContext context) => Home(),
          "/Registro": (BuildContext context) => Registro(),
          "/Inicio de sesión": (BuildContext context) =>InicioSesion(),
          "/crear_datos": (BuildContext context) => Crear_datos(),
          "/Datos": (BuildContext context) => Datos(null)
        },
        home: Inicio(),
        theme: ThemeData(
            primaryColor: Color(0xFF2F008E), accentColor: Color(0xFFDD303)),
      ),
    );
  }
}

What I did was add the following line to my main application

Provider(
auth: Auth(),
child: MaterialApp(..

since otherwise when clicking on RaisedButtonit generated an error that it authwas null or something like that, my RaisedButtonhas the following

onPressed: () {
    // return InicioSesionPlussUltraPower();
    Navigator.pushNamed(context, "/Inicio de sesión");
},

where you enter the email and password data

TextFormField(
    // validator: EmailValidator.validate,
    decoration: InputDecoration(
        labelText: "Email",
        border:
            new OutlineInputBorder(borderRadius: BorderRadius.circular(10)),
        /* hasFloatingPlaceholder: true */),
    onSaved: (value) => _email = value,
  ),
  TextFormField(
    validator: PasswordValidator.validate,
    decoration: InputDecoration(
        labelText: "Password",
        border:
            new OutlineInputBorder(borderRadius: BorderRadius.circular(10)),
        /* hasFloatingPlaceholder: true */),
    // obscureText: true,
    onSaved: (value) => _password = value,
  ),
firebase
Martin Hope
CeciResponde
Asked: 2020-06-12 08:37:41 +0800 CST
  • 4

In my project, google is already enabled but for some reason it does not appear in the popup, here I leave the google method that I am using in the Auten.js component.

 google()
    {
        console.log("I am in google method.");
        let provider = new firebase.auth.GoogleAuthProvider();
        let promise = firebase.auth().signInWithPopup(provider);

        promise.then(result => {
            let user = result.user;
            console.log(result);
            firebase.database().ref('users/' + user.uid).set({
                email: user.email,
                name: user.displayName
            });
        });
        promise.catch(e => {
            let msg = e.message;
            console.log(msg);
        });
    }

enter image description here

firebase
Martin Hope
A. Cedano
Asked: 2020-02-13 05:09:33 +0800 CST
  • 4

This is the code that tells Firebase to configure a Web App that can read data from the Real Time Database with the Javascript SDK:

  // Set the configuration for your app
  // TODO: Replace with your project's config object
  var config = {
    apiKey: "apiKey",
    authDomain: "projectId.firebaseapp.com",
    databaseURL: "https://databaseName.firebaseio.com",
    storageBucket: "bucket.appspot.com"
  };
  firebase.initializeApp(config);

  // Get a reference to the database service
  var database = firebase.database();

I would like to do a implementation on a website with shared hosting. I have tested the code with my data and it works.

But as you can see, the APIKEYproject and database URL would be exposed on the client .

  • This is dangerous? What possible dangers could there be?
  • Is there any way to avoid it? (I would have to use the Javascript SDK, I don't know how to use Node or the like and I want to display the data on a normal web page that already exists in Wordpress. I could do it with PHP, but I didn't find anything about PHP on Firebase.)
firebase