🔨 Integrationer
Neon i Illa är en databasintegration som låter dig ansluta och interagera med en Neon-databas. Neon är ett populärt relationssystem med öppen källkod som är känt för sin hastighet, tillförlitlighet och användarvänlighet.
Med Neon integration i Illa, kan du söka, infoga och uppdatera och ta bort data från en Neon databas med SQL-kommandon. Du kan också skapa anpassade SQL-frågor och köra dem inom Illa. Detta gör det enkelt att bygga datadrivna applikationer och instrumentpaneler som visar realtidsdata från en Neon-databas.
Denna handledning beskriver processen att skapa en Admin Panel med hjälp av ILLA Builder och Neon i några enkla steg. ILLA är en lågkodsplattform för utvecklare som möjliggör snabb utveckling och distribution av interna verktyg. Det gör det möjligt att skapa sidor genom att dra och släppa UI-komponenter, ansluta till någon databas eller API, och skriva JavaScript. För att lära dig mer om Neon, besök deras hemsida på https://neon.tech/ Let’s begin!
På Neon-instrumentpanelen klickar du på “Nytt projekt” och anger namnet till “adminPanel”.
Då kan vi navigera till projektsidan.
Importera data via exempel SQL-frågor.
Vi har nu provdatabasen uppsatt.
Det finns två sätt att skapa en resurs i Illa efter att du loggat in på ditt Illa konto.
Logga in på ditt Illa konto, välj **Resurser**
högst upp på sidan och klicka på **Skapa ny**
-knappen.
Välj Neon
från databaslistan.
Anslut till databasen med de parametrar som beskrivs i Connection Settings
nedan.
Klicka på **Test Connection**
för att se om vi framgångsrikt kan ansluta till databasen. Om ja, klicka Spara resurser
, annat, dubbelkolla värdnamn, port, användarnamn och lösenord är korrekt.
Efter att ha skapat en resurs, kommer den färdiga Neon att visas som visas.
Logga in på ditt Illa konto, skapa ett projekt i Illa Builder på sidan **App**
och navigera till Action List
längst ner på sidan. Klicka på **new**
, välj sedan Neon
från databaslistan. Anslut sedan till databasen med nödvändiga parametrar som beskrivs i Connection Settings
nedan.
Klicka på **Test Connection**
för att se om vi framgångsrikt kan ansluta till databasen. Om ja, klicka Spara resurser
, annat, dubbelkolla värdnamn, port, användarnamn och lösenord är korrekt.
Här måste vi tillhandahålla information för att ansluta till Neons databas.
Egenskaper | Krävs | Beskrivning |
---|---|---|
Namn | obligatorisk | Namnet på resursen när du skapar åtgärder i ILLA. |
Anslutningssträng | valfri | en konfigurationsinställning som används för att specificera detaljer om en anslutning till en extern datakälla, till exempel en databas eller API. |
Hostname | obligatorisk | URL eller IP-adress för din databas |
Port | obligatorisk | Serverns portnummer som du bör använda för att ansluta. Om du inte anger en port, är standardporten ‘5432’. |
Databas | obligatorisk | Namnet på databasen |
Användarnamn | obligatorisk | det användarnamn du vill använda när du loggar in på Neon-servern. |
Lösenord | obligatorisk | Använd detta lösenord för autentisering. |
Det finns två sätt att fylla i informationen för att konfigurera Neon.
I Neons projektsida har vi en given anslutningssträng i Direct Connection
.
Obs: Tappa oskärpa visar dolda siffror, då kan vi kopiera den.
Efter att du klistrar in strängen i anslutningstextområdet i konfigurationen, klicka på Parse
.
Vi har all information som fylls i automatiskt för oss.
Vi kan också hitta nödvändig information från projektsidan och manuellt fylla i dem i konfigurationen i Illa.
Vi har skapat en Neon-resurs, vi kan lägga till åtgärden genom att välja Neon från åtgärdslistan och välja Create action
knappen.
Nu har vi lagt till Neon-servern som en åtgärd till vår byggsida.
Egenskaper | Beskrivning |
---|---|
SQL-fråga | sql-kommandon för att hämta (välja), infoga, uppdatera, ta bort data från databasen |
Transformator | omvandlar data till den stil du vill använda JavaScript |
Exempel användning:
VÄLJ * FRÅN användare ORDER BY efternamn;
INSERT INTO users
(firstname, lastname, email)
VALUES
(
{{ NewUser.data.firstNameInput }},
{{ NewUser.data.lastNameInput }},
{{ NewUser.data.emailInput }}
);
UPPDATERA användare
SET förnamn = '{{form1.updatedProfile.first }}'
VAR id = {{ form1.updatedProfile.uid }};
DELETE FROM users WHERE id = {{ form1.updatedProfile.uid }};