|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  Raspberry Pi Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  AutoIt (Programación) Visual Basic Cosas de Windows Webs interesantes
Translate:
Búsqueda en este sitio:


.

Autoit en español
Aplicaciones con Autoit - Juan Antonio Villalpando

-- Tutorial de iniciación a Autoit --

Volver al índice del tutorial

____________________________

79.- Enviar datos a Firebase y verlos en App Inventor.

- Vamos a realizar un programa para enviar datos a Firebase Realtime y observarlo en una app construida con App Inventor.

- Los cambios se observarán en tiempo real.

_______________________________________________________
- Código.

Firebase.au3

 

#include <InetConstants.au3>
#include <WinHttp.au3>
; GUI -----------------------
#include <ButtonConstants.au3>
#include <EditConstants.au3>
#include <GUIConstantsEx.au3>
#include <StaticConstants.au3>
#include <WindowsConstants.au3>
#Region ### START Koda GUI section
$Form1 = GUICreate("Firebase - App Inventor", 442, 261, 265, 192)
$Label1 = GUICtrlCreateLabel("Name: ", 24, 16, 114, 41)
GUICtrlSetFont(-1, 19, 800, 0, "MS Sans Serif")
$Label2 = GUICtrlCreateLabel("Age:", 16, 80, 74, 41)
GUICtrlSetFont(-1, 19, 800, 0, "MS Sans Serif")
$Input1 = GUICtrlCreateInput("Carlos", 168, 24, 233, 45)
GUICtrlSetFont(-1, 19, 800, 0, "MS Sans Serif")
$Input2 = GUICtrlCreateInput("33", 168, 88, 113, 45)
GUICtrlSetFont(-1, 19, 800, 0, "MS Sans Serif")
$Button1 = GUICtrlCreateButton("Send to Firebase", 48, 160, 217, 49)
GUICtrlSetFont(-1, 14, 800, 0, "MS Sans Serif")
GUISetState(@SW_SHOW)
#EndRegion ### END Koda GUI section ###

Global $sFirebaseURL = "https://kio4b-60980.firebaseio.com/"
Global $sFirebaseKey = "C5PQ6Ts_secret_Firebase_I22U3OpBx"

While 1
$msg = GuiGetMsg()
Select
	Case $msg = $GUI_EVENT_CLOSE
	ExitLoop

	Case $msg = $Button1
		$name = GUICtrlRead($Input1)
		$age = GUICtrlRead($Input2)

		$sJSONData = '{"name": "' & $name & '", "age": "' & $age & '"}'

		$oHTTP = ObjCreate("WinHttp.WinHttpRequest.5.1")
		$oHTTP.Open("PUT", $sFirebaseURL & "/users.json?auth=" & $sFirebaseKey, False)
		$oHTTP.SetRequestHeader("Content-Type", "application/json")
		$oHTTP.Send($sJSONData)
		; MsgBox(0, 'Completed', 'OK')
EndSelect
Wend
Exit

- La clave secret $sFirebaseKey está en: Descripción general / Usuarios y permisos / Cuentas de servicio / Secretos de la base de datos

_______________________________________________________
- Diseño.

_______________________________________________________
- Bloques.

_______________________________________________________
- Obtención del código.

- El código lo he obtenido de...

_______________________________________________________
2.- Enviar datos a Firebase desde una página web.

- Importante: observa que en el proyecto anterior pusimos la clave secret, ahora ponemos la clave API.

subirfirebase.htm

 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Subir datos a Firebase Realtime Database</title>
    <script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.4.1/firebase-database.js"></script>
    <script>
      var firebaseConfig = {
        apiKey: "AIzaSyCljhH_APIKEY_Firebase_UzKhljhQ",
        authDomain: "kio4b-60980.firebaseapp.com",
        databaseURL: "https://kio4b-60980.firebaseio.com/",
        storageBucket: "kio4b-60980.appspot.com"
      };
      firebase.initializeApp(firebaseConfig);
      var database = firebase.database();

      function subirDatos() {
        // Obtener valores de los input
        var name = document.getElementById("name").value;
        var age = document.getElementById("age").value;

        // Subir los datos a la base de datos
		// database.ref('usuarios').push({   // New child
		// database.ref('usuarios').set({      // Overwrite
        database.ref('usuarios').set({
          name: name,
          age: age
        });

        // Limpiar los input después de subir los datos
        document.getElementById("name").value = "";
        document.getElementById("age").value = "";
      }
    </script>
  </head>
  <body>
    <h1>Upload data to Firebase Realtime Database</h1>
    <p>Ingrese los datos que desea subir:</p>
    <input type="text" id="name" placeholder="Name">
    <input type="text" id="age" placeholder="Age">
    <button onclick="subirDatos()">Subir datos</button>
  </body>
</html>


_________________

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información