Breaking News: Grepper is joining You.com. Read the official announcement!

Flutter firebase preview firebase web Link

Edgar Nyambo answered on March 6, 2023 Popularity 1/10 Helpfulness 1/10

answer Flutter firebase preview firebase web Link

Flutter firebase preview firebase web Link

Comment

/* eslint-disable max-len */
const functions = require("firebase-functions");
const fs = require("fs");
const admin = require("firebase-admin");
const BotDetector = require("device-detector-js/dist/parsers/bot");
const DEBUG_BOT = false;
admin.initializeApp();

// Main firebase function called on firebase.json rewrites rules
exports.dynamicMetaTagsUpdate = functions.https.onRequest(async (request, response) => {
  // console.log("dynamicMetaTagsUpdate Called");

  let html = fs.readFileSync("./index.html", "utf8");
  const {id} = request.query;
  const botDetector = new BotDetector();
  const userAgent = request.headers["user-agent"].toString();
  const bot = botDetector.parse(userAgent);
  const url = "https://viz.wiijii.co/chart/?id="+ id;

  // If bot get chat data from Firebase database
  if (bot || DEBUG_BOT) {
    try {
      // console.log("running try");
      const ref = admin.database().ref("charts");
      const chartData = ref.child(id).get().then((snapshot) => {
        if (snapshot.exists()) {
          // Gets the chart data stocks for seo tags
          const seoTags = [];
          snapshot.child("chartData").val().forEach((element, index, array) => {
            seoTags.push(element.companyName, element.stockName);
          });
          // Add the y and x vaules from chart data to be used in seo tags
          seoTags.push(snapshot.child("xAxisValue").val(), snapshot.child("yAxisValue").val());
          const object = {chartTitle: snapshot.child("chartTitle").val(), chartDescription: snapshot.child("chartDescription").val(), imageUrl: snapshot.child("imageUrl").val(), seoTags: seoTags, xAxisValue: snapshot.child("imageUrl").val()};
          return object;
        } else {
          console.log("No data available");
        }
      }).catch((error) => {
        console.error(error);
      });

      const htmlData = await chartData;
      // HTML to return with updated open graph meta tags
      html = `
            <!doctype html>
            <html lang="en">
              <head>
                <title>${htmlData.chartTitle}</title>
                <meta name="description" content="${htmlData.chartDescription}">
                <meta name="title" content="${htmlData.chartTitle}">
                <meta name="keywords" content="${htmlData.seoTags}">
                <meta property="og:locale" content="en_US" />
                <meta property="og:type" content="website" />
                <meta property="og:title" content="${htmlData.chartTitle}" />
                <meta property="og:description" content="${htmlData.chartDescription}" />
                <meta property="og:image" content="${htmlData.imageUrl}" />
                <meta property="og:image:secure" content="${htmlData.imageUrl}" />
                <meta property="og:url" content="${url}" />
                <meta name="twitter:card" content="${htmlData.chartDescription}" />
                <meta name="twitter:creator" content="@WiijiiInvest" />
                <meta name="twitter:title" content="${htmlData.chartTitle}" />
                <meta name="twitter:description" content="${htmlData.chartDescription}" />
              </head>
            <body>
             <h1>Wiijii Financial Visualizations</h1>
              <h2>${htmlData.chartTitle}</h2>
              <p>${htmlData.chartDescription}</p>
              <img src="${htmlData.imageUrl}" />
            </body>
            </html>
            `;
      return response.send(html);
    } catch (e) {
      console.log(e);
      return response.send(html);
    }
  }
  return response.send(html);
});

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: almog.io

Tags: firebase flutter preview web whatever

Link to this answer
Share Copy Link

Contributed on Mar 06 2023

Edgar Nyambo

0 Answers Avg Quality 2/10

Flutter firebase preview firebase web Link

Contents

More Related Answers

Flutter firebase preview firebase web Link

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.