Connexion de la base de données avec Svelte

Je peux faire un exemple avec mongodb

Vous devez installer la bibliothèque

const mongo = require("mongodb");

let client = null;
let db = null;

export async function init() {
  if(!client) {
    client = await mongo.MongoClient.connect("mongodb://localhost");
    db = client.db("name-of-your-db");
  }
  return { client, db }
}

ou ajouter package.json

Ensuite, vous avez pour créer un fichier de connexion que vous devez appeler chaque fois que vous devez utiliser la base de données

npm install mongodb

pour un exemple complet avec insertion, vous pouvez voir cette vidéo

https://www.youtube.com/watch?v=Mey2KZDog_A p >

Comme je reçois des questions principalement sur la connexion au backend, pas sur une base de données. C'est dommage, mais le modèle d'application svelte n'a aucun moyen de connecter le backend "dans la boîte".

Et moi, j'utilise un middleware express devant le serveur de rollup. Dans ce cas, vous pouvez envoyer par proxy certaines demandes au serveur principal. Vérifiez le code ci-dessous

const proxy = require('express-http-proxy');
const app = require('express')();

app.use('/data/', proxy(
    'http://backend/data',
    {
        proxyReqPathResolver: req => {
                return '/data'+ req.url;
            }
        }
    )
);

app.use('/', proxy('http://127.0.0.1:5000')); 
app.listen(5001);

Ce script ouvre le port 5001 où vous avez l'URL / data / proxy vers le serveur backend. Et le port 5000 est toujours disponible à partir du serveur de cumul. Donc, à http: // localhost: 5001 / vous avez une intance svelte, connectée à l'url backend vi / data / , ici vous pouvez envoyer des requêtes pour récupérer des données de la base de données.

Svelte est un framework javascript frontal qui s'exécute sur le navigateur.

Traditionnellement, pour utiliser des bases de données comme mysql à partir d'un projet frontal tel que svelte, (qui ne contient que html, css et js), vous devez le faire avec un projet backend séparé. Vous pouvez ensuite communiquer l'application svelte et le projet backend à l'aide de l'API REST. La même chose s'applique à d'autres bibliothèques / frameworks frontaux comme react, angular vue, etc.

Il y a encore tellement de façons d'atteindre le résultat. Puisque vous vous concentrez sur Svelte, voici quelques options.

1 Sapeur

Sapper est un framework d'application alimenté par svelte. Vous pouvez également écrire du code backend en utilisant express ou polka pour que vous puissiez vous connecter à la base de données de votre choix (mysql / mongodb)

Serveur à 2 utilisateurs sans base de données

Si vous voulez que votre application soit simple et que vous vous concentriez uniquement sur l'application svelte, vous pouvez utiliser des bases de données basées sur le cloud telles que firebase . Svelte peut leur parler directement via leur SDK javascript.

var db = new PouchDB('dbname');

db.put({
  _id: 'dave@gmail.com',
  name: 'David',
  age: 69
});

db.changes().on('change', function() {
  console.log('Ch-Ch-Changes');
});

db.replicate.to('http://example.com/mydb');

plus sur pouchdb.com

Le client peut également enregistrer les données hors ligne avant de se connecter à une base de données distante.