Qlik Community

Ask a Question

Integration, Extension & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

QlikWorld Online 2021, May 10-12: Our Free, Virtual, Global Event REGISTER TODAY
Showing results for 
Search instead for 
Did you mean: 
Contributor II
Contributor II

Firebase DB Connection

I am trying to build an extension that sends data from its input fields to firebase db.
First i created a simple web app which seems to work fine, but when i integrated it to qliksense it doesnt send data to db instead it gives error "firebase not defined" in the console.
I dont understand what the problem is...
does qlik sense require some seprate connection to firebase db?
if yes then how?

This is my code:

<div qv-extension style="height: 100%; position: relative; overflow: auto;" class="ng-scope">

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.8.2/firebase-app.js"></script>

<!--use this one for database-->
<script src="https://www.gstatic.com/firebasejs/7.7.0/firebase-database.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->

// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyA2Jv7TFnIoLu032LJVaYNkU9Bw3VFCWpw",
authDomain: "test-82f1f.firebaseapp.com",
databaseURL: "https://test-82f1f.firebaseio.com",
projectId: "test-82f1f",
storageBucket: "test-82f1f.appspot.com",
messagingSenderId: "858992366066",
appId: "1:858992366066:web:cd4d98dba75327d1cddb6b"
// Initialize Firebase

function sendData() {

name: document.getElementById('namefield').value,
age: document.getElementById('agefield').value


function getData() {
firebase.database().ref('/').once('value', function(snapshot){
var childKey = childSnapshot.key;
var childData = childSnapshot.val();
document.getElementById("data").innerHTML = "<p><h3> Name : </h3><h5>" + childData['name'] + "</h5></p> <br> <p> <h3> Age : </h3><h5>" + childData['age'] + "</h5></p>";


<input type="text" placeholder = "Value1" id = "namefield">
<input type="text" placeholder = "Value2" id = "agefield">

<button onclick="sendData()">

<p id = "data"></p>



P.S: i didnt made any changes in js file of extension.

0 Replies