Connessione a FaunaDB con Angular

Nella documentazione ufficiale di FaunaDB non c'è nulla riguardo ad Angular.

Ma è ovviamente possibile effettuare una connessione usando il driver Javascript e qualche accorgimento.

Cominciamo con l'installazione del modulo:

npm install --save faunadb

A questo punto vediamo il codice Typescript del nostro componente:

import {Component, OnInit} from '@angular/core';
import {query as q, Client} from 'faunadb';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent implements OnInit {

  title = 'TestAngular';
  client: any

  constructor() {}

  ngOnInit(): void {
    console.clear();

    this.client = new Client({
      secret: 'API_KEY',
      domain: 'db.fauna.com'
    });

    this.client.query(
      q.Map(
        q.Paginate(q.Match(q.Index('all_titoli'))),
        q.Lambda('X', q.Get(q.Var('X')))
      ))
      .then((ret: any) => {
        ret.data.forEach((item: any) => {
          console.log(item);
        });
      })
      .catch((err: any) => {
        console.log(err)
      });
  }

}

Le cose più importanti da tenere a mente sono:

• all_titoli è un indice che dovete creare nella vostra dashboard (ma è indipendente da Angular, vale per tutti i linguaggi se ne avete bisogno)
• la riga di importazione del modulo

import {query as q, Client} from 'faunadb';

Enjoy!