🔨 Integrace
Neon in Illa je databázová integrace, která vám umožňuje připojit a komunikovat s Neonovou databází. Neon je populární systém pro správu relativních databází s otevřeným zdrojem, který je známý jeho rychlostí, spolehlivostí a snadností používání.
S Neonovou integrací v Ille můžete pomocí SQL příkazů dotázat, vkládat, aktualizovat a mazat data z Neonovy databáze. Můžete také vytvořit vlastní SQL dotazy a spustit je v Ille. Díky tomu lze snadno sestavovat aplikace a dashboardy, které zobrazují data v reálném čase z Neonovy databáze.
Tento kurz nastiňuje proces vytváření administrátorského panelu pomocí ILLA Tvůrce a Neona v několika jednoduchých krocích. ILLA je nízkokódová platforma pro vývojáře, která umožňuje rychlý vývoj a zavádění interních nástrojů. Umožňuje vytvářet stránky přetažením a vypouštěním komponent uživatelského rozhraní, připojením k databázi nebo API a psaním JavaScript. Chcete-li se dozvědět více o Neonu, navštivte jejich webové stránky na https://neon.tech/ Pojďme na začátku!
Na Neonově dashboardu klikněte na “Nový projekt” a nastavte název na adminPanel
.
Pak můžeme přejít na stránku projektu.
Importování dat prostřednictvím ukázkových dotazů SQL.
Nyní máme vytvořenou ukázkovou databázi.
Po přihlášení do vašeho účtu Illa existují dva způsoby, jak vytvořit zdroj v Illa.
Přihlaste se ke svému účtu Illa, vyberte **Zdroje**
v horní části stránky a klikněte na tlačítko **Vytvořit nové**
.
Vyberte Neon
ze seznamu databází.
Připojte se k databázi s požadovanými parametry popsanými v části Nastavení připojení
níže.
Klepněte na tlačítko **Test Connection**
a zjistěte, zda se můžeme úspěšně připojit k databázi. Pokud ano, klikněte na Uložit zdroje
, jinak dvakrát zkontrolujte hostname, port, uživatelské jméno a heslo je správné.
Po vytvoření zdroje se bude zobrazovat připravený Neon.
Přihlaste se ke svému účtu Illa, vytvořte projekt v Illa Builder na stránce **App**
a přejděte na Seznam akcí
v dolní části stránky. Klikněte na **nové**
, pak vyberte Neon
z databázového seznamu. Poté se připojte k databázi s požadovanými parametry popsanými v části Nastavení připojení
níže.
Klepněte na tlačítko **Test Connection**
a zjistěte, zda se můžeme úspěšně připojit k databázi. Pokud ano, klikněte na Uložit zdroje
, jinak dvakrát zkontrolujte hostname, port, uživatelské jméno a heslo je správné.
Zde musíme poskytnout informace pro připojení k Neon databázi.
Vlastnosti | Požadováno | L 343, 22.12.2009, s. 1). |
---|---|---|
Název | vyžadováno | Název zdroje při vytváření akcí v ILLA. |
Připojovací řetězec | volitelné | nastavení konfigurace, které se používá k upřesnění údajů o připojení k externímu zdroji dat, jako je databáze nebo API. |
Hostname | vyžadováno | URL nebo IP adresa pro vaši databázi |
Přístav | vyžadováno | Číslo portu hostitele, které byste měli použít k připojení. Pokud nespecifikujete port, výchozí port je ‘5432’. |
Databáze | vyžadováno | Název databáze |
Uživatelské jméno | vyžadováno | uživatelské jméno, které chcete použít při přihlášení na Neon server. |
Heslo | vyžadováno | Použít toto heslo pro ověření. |
Informace pro konfiguraci Neona lze vyplnit dvěma způsoby.
Na stránce Neonova projektu jsme hotovi, máme zadan etzec pipojen v Přímé připojení
.
Poznámka: Klepnutím na rozostření zobrazíte skrytá čísla, můžeme je zkopírovat.
Po vložení řetězce do textové oblasti pro připojení klikněte na Parse
.
Všechny informace jsou pro nás automaticky vyplněny.
Můžeme také najít požadované informace na stránce projektu a ručně je vyplnit do konfigurace v Illa.
Vytvořili jsme Neon dokument, akci můžeme přidat výběrem Neona ze seznamu akcí a výběrem tlačítka Vytvořit akci
.
Nyní jsme přidali Neon server jako akci na naši stránku budovy.
Vlastnosti | L 343, 22.12.2009, s. 1). |
---|---|
SQL dotaz | sql příkazy pro načtení (výběr), vkládat, aktualizovat, mazat data z databáze |
Transformátor | transformace dat do stylu, který se vám líbí pomocí JavaScriptu |
Příklad použití:
VYBRAT * ODPOVĚDÍ uživatelů PODLE příjmení;
INSERT INTO users
(firstname, lastname, email)
VALUES
(
{{ NewUser.data.firstNameInput }},
{{ NewUser.data.lastNameInput }},
{{ NewUser.data.emailInput }}
);
UPDATE users
SET firstname = '{{form1.updatedProfile.first }}'
WHERE id = {{ form1.updatedProfile.uid }};
DELETE FROM users WHERE id = {{ form1.updatedProfile.uid }};