🔨 Integrasjoner
Neon i Illa er en databaseintegrasjon som lar deg koble til og samhandle med en Neon database. Neon er et populært relasjonssystem for database med åpen kildekode, kjent for sin hastighet, pålitelighet og brukshensyn.
Med Neon integrasjon i Illa, kan du spørre, innstille, oppdatere og slette data fra en Neon-database ved å bruke SQL-kommandoer. Du kan også opprette egendefinerte SQL-spørringer og kjøre dem i Illa. Dette gjør det enkelt å bygge datadrevne programmer og dashbord som viser sanntidsdata fra en Neon database.
Denne veiledningen beskriver prosessen med å lage et Admin-panel ved hjelp av ILLA Builder og Neon i noen få enkle trinn. ILLA er en lavkode-plattform for utviklere som gjør det mulig å raskt utvikle og ta i bruk interne verktøy. Det åpner for å opprette sider ved å dra og slippe UI komponenter, koble til database eller API, og skrive JavaScript. Gå til nettsiden https://neon.tech/ La oss begynne!
På Neon dashbordet, klikk Nytt prosjekt
og angi navnet til adminPanel
.
Da kan vi navigere til prosjektsiden.
Importerer data gjennom sample SQL spørringer.
Nå har vi valgt eksempeldatabase.
Det er to måter å lage en ressurs i Illa etter å ha logget på din Illa-konto.
Logg deg på din Illa konto, velg **Ressurser**
på toppen av siden, og klikk **Opprett ny
-knappen.
Velg Neon
fra databaselisten.
Koble til databasen med de nødvendige parametrene beskrevet i “Tilkoblingsinnstillinger” nedenfor.
Klikk **Test oppkobling**
for å se om vi har lykkes i å koble til databasen. Hvis ja, klikk Lagre ressurser
, eller dobbeltsjekk vertsnavn, port, brukernavn og passord er riktig.
Etter oppretting av en ressurs, vil det klare Neon vises som vist.
Logg deg på din Illa konto, opprett et prosjekt i Illa Builder på **
siden, og naviger til Handlingslisten
nederst på siden. Klikk **new**
, og velg Neon
fra databaselisten. Deretter kan du koble til databasen med nødvendige parametere beskrevet i “Tilkoblingsinnstillinger” nedenfor.
Klikk **Test oppkobling**
for å se om vi har lykkes i å koble til databasen. Hvis ja, klikk Lagre ressurser
, eller dobbeltsjekk vertsnavn, port, brukernavn og passord er riktig.
Her må vi skaffe til veie informasjon for tilkobling til Neon database.
Egenskaper | Påkrevd | Beskrivelse |
---|---|---|
Navn | obligatorisk | Navnet på ressursen når det skapes handlinger i ILLA. |
Database tilkoblingsstreng | valgfritt | en konfigurasjonsinnstilling som brukes til å angi detaljene for en tilkobling til en ekstern datakilde, for eksempel en database eller en API. |
Hostname | obligatorisk | URL-adressen eller IP-adressen for databasen din |
Port | obligatorisk | Tjenerens portnummer som du bør bruke til å koble til. Hvis du ikke angir en port, er standard port ‘5432’. |
Databasen | obligatorisk | Navnet på databasen |
Brukernavn | obligatorisk | brukernavnet du vil bruke når du logger inn på Neon serveren. |
Passord | obligatorisk | Bruk dette passordet for godkjenning. |
Det er to måter å fylle inn informasjonen for å konfigurere Neon.
På Neon prosjektsiden, scrolling fullført, har vi en tilkoblingsstreng på Direkte tilkobling
.
Merk: Ved å trykke på uskarpet viser skjulte numre, så kan vi kopiere dem.
Etter å ha limt inn strengen i forbindelsesstrengen i konfigurasjon, klikk Parse
.
Vi har automatisk utfylt all informasjon for oss.
Vi finner også nødvendig informasjon fra prosjektsiden og manuelt fylle dem inn til konfigurasjonen i Illa.
Vi har laget Neon-ressursen, vi kan legge til handlingen ved å velge Neon fra handlingslisten og velge Opprett handling
knappen.
Nå har vi lagt til Neon serveren som en handling til vår byggeside.
Egenskaper | Beskrivelse |
---|---|
SQL spørring | SQL-kommandoer å hente (velg), innstilt, oppdatere, slette data fra database |
Transformator | transformerer data til stilen du ønsker å bruke JavaScript |
Eksempel bruk:
VELG * FROM-brukere BY venstrenavn;
INSERT INTO users
(firstname, lastname, email)
VALUES
(
{{ NewUser.data.firstNameInput }},
{{ NewUser.data.lastNameInput }},
{{ NewUser.data.emailInput }}
);
OPPDATERING brukere
SET fornavn = '{{form1.updatedProfile.first }}'
HVOR id = {{ form1.updatedProfile.uid }};
DELETE FROM users WHERE id = {{ form1.updatedProfile.uid }};