xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

Fetch API & Async Await

const fetchJSON = (url = ``) => {
    return fetch(url,
        {
            method: "GET",
            // mode: "no-cors",
            mode: "cors",
            credentials: "same-origin",
            headers: {
                "Content-Type": "application/json; charset=utf-8",
            },
        })
        .then(res => res.json())
        .then(
            (json) => {
                return json;
            }
        )
        .catch(err => console.log(`fetch error`, err));
};

// async / await
async function getDatas(url = ``) {
    try {
        return await fetchJSON(url);
    } catch (err) {
        console.error("getDatas error:
", err);
    }
}

// demo

const promiseData = getDatas(`https://cdn.xgqfrms.xyz/json/ssr/posts.json`);

promiseData.then(data => console.log(`promiseData`, data));

---

SSR

"use strict";

/**
 *
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 * @created 2020-02-23
 * @modified
 *
 * @description
 * @augments
 * @example
 * @link
 *
 */

const log = console.log;

const puppeteer = require('puppeteer');
const handlebars = require('handlebars');
const fetch = require('node-fetch');


const fs = require('fs');
const path = require('path');
const util = require('util');
const readFile = util.promisify(fs.readFile);

class Poster {
  constructor(dom) {
    this.dom = dom;
  }
  async fetchData(url) {
    const data = await fetch(url).then(res => res.json());
    // const data = await fetch(url).then(res => res.json()).catch(err => log(`fetch error`, err));
    return data;
  }
  async html() {
    try {
      const data = {
        timestamp: new Date().getTime(),
      };
      const templatePath = path.resolve('path', 'to', './poster-template.html');
      const content = await readFile(templatePath, 'utf8');
      // compile and render the template with handlebars
      const template = handlebars.compile(content);
      log(`template 
`, template);
      return template(data);
    } catch (error) {
      throw new Error('Cannot create Poster HTML template.', error)
    }
  }
  async screenshot() {
    const html = await this.html();
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.setContent(html);
    // await page.goto(url);
    const screenshot = await page.screenshot({
      path: 'poster-template-ssr.png',
      fullPage: true,
    });
    await browser.close();
    return screenshot;
  }
}

---