Verkkokehitys on yksi suosituimmista ohjelmoinnin käyttötavoista. Python on yksi suosituimmista ohjelmointikielistä maailmassa. Joten miksi emme voi rakentaa verkkosovelluksia Pythonissa?  Käyttöliittymän tekemisen pitäisi olla yksinkertaista, mutta vaikka tiimissäsi olisi upeita insinöörejä, uuden kielen ja työkalujen oppiminen oli valtava este. Usein käyttöliittymän tekeminen voi olla vaikeampaa kuin varsinainen työ! Rakensimme Reflexin, avoimen lähdekoodin Python-verkkokehyksen ratkaisemaan juuri tämän ongelman.  TLDR  Konepellin alla Reflex-sovellukset käännetään   käyttöliittymäsovellukseksi ja   taustasovellukseksi. Vain käyttöliittymä on käännetty Javascriptiin; kaikki sovelluslogiikka ja tilanhallinta pysyvät Pythonissa ja suoritetaan palvelimella. Reflex käyttää   tapahtumien lähettämiseen käyttöliittymästä taustajärjestelmään ja tilapäivitysten lähettämiseen taustajärjestelmästä käyttöliittymään. React- FastAPI- WebSocketsia  Olemassa olevat Python-ratkaisut  Pythonissa oli jo muutamia tapoja rakentaa sovelluksia, mutta mikään niistä ei sopinut tarpeisiimme.  Toisaalta on olemassa kehyksiä, kuten   ja   , jotka sopivat erinomaisesti tuotantotason verkkosovellusten rakentamiseen. Mutta ne käsittelevät vain taustaa - sinun on silti käytettävä JavaScriptiä ja käyttöliittymäkehystä sekä kirjoitettava paljon yleiskoodia käyttöliittymän ja taustajärjestelmän yhdistämiseksi. Django Flask  Toisaalta puhtaat Python-kirjastot, kuten   ja   , voivat olla hienoja pienissä projekteissa, mutta ne rajoittuvat tiettyyn käyttötapaukseen, eikä niissä ole ominaisuuksia ja suorituskykyä täyden verkkosovelluksen rakentamiseen. Sovelluksesi ominaisuuksien ja monimutkaisuuden kasvaessa saatat törmätä kehyksen rajoihin, jolloin sinun on joko rajoitettava ideasi sopimaan kehykseen tai romutettava projektisi ja rakennettava se uudelleen käyttämällä "todellista verkkokehystä". Dash Streamlit  Haluamme kuroa umpeen tämän aukon luomalla kehyksen, jonka käytön aloittaminen on helppo ja intuitiivinen, mutta joka on joustava ja tehokas tukemaan mitä tahansa sovellusta.  Reflexin tavoitteet    : Käytä yhtä kieltä kaikkeen. Pure Python    : Rakenna ideasi helposti ilman verkkokehityskokemusta. Helppo aloittaa    : Verkkosovellusten tulee vastata perinteisten verkkokehysten muokattavuutta ja suorituskykyä. Täysi joustavuus    : Käsittele koko pinoa etuosasta taustajärjestelmään käyttöönottoon asti. Mukana paristot  Sukellaan nyt siihen, kuinka rakensimme Reflexin näiden tavoitteiden saavuttamiseksi.  Reflex-arkkitehtuuri  Täyspinon verkkosovellukset koostuvat käyttöliittymästä ja taustajärjestelmästä. Käyttöliittymä on käyttöliittymä, ja se toimii web-sivuna, joka toimii käyttäjän selaimessa. Taustaosa hoitaa logiikan ja tilanhallinnan (kuten tietokannat ja API:t), ja sitä ajetaan palvelimella. Perinteisessä verkkokehityksessä nämä ovat yleensä kaksi erillistä sovellusta, ja ne on usein kirjoitettu eri kehyksillä tai kielillä. Voit esimerkiksi yhdistää Flask-taustaohjelman React-käyttöliittymään. Tällä lähestymistavalla sinun on ylläpidettävä kahta erillistä sovellusta ja kirjoitettava paljon yleiskoodia käyttöliittymän ja taustajärjestelmän yhdistämiseksi.  Haluamme yksinkertaistaa tätä prosessia Reflexissä määrittelemällä sekä käyttöliittymän että taustajärjestelmän yhdeksi koodikantaksi, samalla kun käytämme Pythonia kaikkeen. Kehittäjien tulee huolehtia vain sovelluksensa logiikasta, ei matalan tason toteutustiedoista.   Käyttöliittymä  Haluamme, että Reflex-sovellukset näyttävät ja tuntuvat loppukäyttäjälle perinteisiltä verkkosovelluksilta, mutta silti niitä on helppo rakentaa ja ylläpitää. Tätä varten rakensimme kypsien ja suosittujen verkkotekniikoiden päälle.  Kun   sovellusta, Reflex kokoaa käyttöliittymän yksisivuiseksi   -sovellukseksi ja palvelee sitä portissa (oletuksena   ), jota voit käyttää selaimessasi. reflex run Next.js 3000  Käyttöliittymän tehtävänä on heijastaa sovelluksen tilaa ja lähettää tapahtumia taustajärjestelmään, kun käyttäjä on vuorovaikutuksessa käyttöliittymän kanssa. Käyttöliittymässä ei käytetä varsinaista logiikkaa.  Komponentit  Reflex-käyttöliittymät on rakennettu käyttämällä komponentteja, jotka voidaan muodostaa yhdessä monimutkaisten käyttöliittymien luomiseksi. Sen sijaan, että käyttäisimme mallikieltä, joka sekoittaa HTML:n ja Pythonin, käytämme vain Python-funktioita käyttöliittymän määrittelemiseen.  Konepellin alla komponentit koostuvat React-komponenteiksi. Monet ydinkomponenteistamme perustuvat   , suosittuun React-komponenttikirjastoon. Meillä on myös monia muita komponentteja grafiikkaa, datataulukoita ja paljon muuta varten. Valitsimme Reactin, koska se on suosittu kirjasto, jolla on valtava ekosysteemi. Tavoitteemme ei ole luoda verkkoekosysteemiä uudelleen, vaan tehdä siitä Python-kehittäjien käytettävissä. Radixiin  Näin käyttäjämme voivat myös tuoda omia komponenttejaan, jos meillä ei ole heidän tarvitsemaansa komponenttia. Käyttäjät voivat kääriä omat React-komponenttinsa ja julkaista ne sitten muiden käytettäväksi. Ajan myötä rakennamme kolmannen osapuolen komponenttiekosysteemiämme, jotta käyttäjät voivat helposti löytää ja käyttää muiden rakentamia komponentteja.  Muotoilu  Halusimme varmistaa, että Reflex-sovellukset näyttävät hyviltä heti, kun ne antavat silti kehittäjille täyden hallinnan sovellusten ulkoasusta.  Meillä on keskeinen teemajärjestelmä, jonka avulla voit määrittää korkeatasoisia tyylivaihtoehtoja, kuten tumman tilan ja korostusvärit koko sovelluksessasi, jotta se saa yhtenäisen ilmeen ja tuntuman.  Tämän lisäksi Reflex-komponentit voidaan muotoilla CSS:n täydellä teholla. Hyödynnämme   kirjastoa salliaksemme "CSS-in-Python" -tyylityylin, joten voit välittää minkä tahansa CSS-ehdotuksen avainsanaargumenttina komponentille. Tämä sisältää responsiiviset rekvisiittaukset välittämällä arvoluettelon. Emotion-  Backend  Reflexissä vain käyttöliittymä kääntää Javascriptin ja toimii käyttäjän selaimessa, kun taas kaikki tila ja logiikka pysyvät Pythonissa ja ajetaan palvelimella. Kun suoritat   , käynnistämme FastAPI-palvelimen (oletusarvoisesti portissa   ), johon käyttöliittymä muodostaa yhteyden verkkopistorasian kautta. reflex run 8000  Kaikki tila ja logiikka määritellään   . Valtio koostuu   ja   . Muuttujat ovat mitä tahansa sovelluksesi arvoja, jotka voivat muuttua ajan myötä. Ne määritellään luokkaattribuutteiksi   luokassa, ja ne voivat olla mitä tahansa Python-tyyppiä, joka voidaan sarjottaa JSON-muotoon. State varista tapahtumakäsittelijöistä State  Tapahtumakäsittelijät ovat   -luokkasi menetelmiä, joita kutsutaan, kun käyttäjä on vuorovaikutuksessa käyttöliittymän kanssa. Ne ovat ainoa tapa muokata muuttujia Reflexissä, ja niitä voidaan kutsua vastauksena käyttäjän toimiin, kuten napsauttamalla painiketta tai kirjoittamalla tekstiruutuun. State  Koska tapahtumakäsittelijät ajetaan taustalla, voit käyttää mitä tahansa Python-kirjastoa niissä.   Tapahtuman käsittely  Normaalisti kun kirjoitat verkkosovelluksia, sinun on kirjoitettava paljon yleiskoodia käyttöliittymän ja taustajärjestelmän yhdistämiseksi. Reflexin avulla sinun ei tarvitse huolehtia siitä – me hoidamme tiedonsiirron käyttöliittymän ja taustajärjestelmän välillä puolestasi. Kehittäjien on vain kirjoitettava tapahtumakäsittelijän logiikka, ja kun muuttujat päivitetään, käyttöliittymä päivitetään automaattisesti.  Tapahtuman triggerit  Käyttäjä voi olla vuorovaikutuksessa käyttöliittymän kanssa monin tavoin, kuten napsauttamalla painiketta, kirjoittamalla tekstiruutuun tai viemällä hiiren elementin päälle. Reflexissä kutsumme näitä   . tapahtumatriggereiksi  Tapahtumajono  Käyttöliittymässä ylläpidämme tapahtumajonoa kaikista odottavista tapahtumista. Tapahtuma koostuu kolmesta suuresta datasta:    : Jokaisella asiakkaalla (selaimen välilehdellä) on yksilöllinen tunnus sen tunnistamiseksi. Näin taustajärjestelmä tietää, mikä tila on päivitettävä. asiakastunnus    : Tilassa suoritettava tapahtumakäsittelijä. tapahtumakäsittelijä    : Tapahtumakäsittelijälle välitettävät argumentit. argumentit  Kun tapahtuma käynnistetään, se lisätään jonoon. Meillä on   varmistaaksemme, että vain yksi tapahtuma käsitellään kerrallaan. Tämä varmistaa, että tila on aina johdonmukainen eikä kilpailuolosuhteita ole, kun kaksi tapahtumakäsittelijää muokkaa tilaa samanaikaisesti. Tästä on poikkeuksia, kuten taustatapahtumat, joiden avulla voit suorittaa tapahtumia taustalla käyttöliittymää estämättä. processing  Kun tapahtuma on valmis käsiteltäväksi, se lähetetään taustajärjestelmään WebSocket-yhteyden kautta.  Valtionjohtaja  Kun tapahtuma on vastaanotettu, se käsitellään taustaohjelmassa. Reflex käyttää   , joka ylläpitää kartoitusta asiakastunnusten ja niiden tilan välillä. Oletuksena tilanhallinta on vain muistissa oleva sanakirja, mutta sitä voidaan laajentaa käyttämään tietokantaa tai välimuistia. Tuotannossa käytämme Redistä valtionpäällikkönämme. tilanhallintaohjelmaa  Tapahtumankäsittely  Kun meillä on käyttäjän tila, seuraava vaihe on suorittaa tapahtumakäsittelijä argumenteilla.  Osavaltion päivitykset  Aina kun tapahtumakäsittelijä palaa (tai antaa), tallennamme tilan tilanhallintaan ja lähetämme   käyttöliittymään päivittämään käyttöliittymän. Suorituskyvyn ylläpitämiseksi tilasi kasvaessa Reflex pitää sisäisesti kirjaa tapahtumakäsittelijän aikana päivitetyistä muuttujista (   ). tilapäivitykset likaiset vars  Kun tapahtumakäsittelijä on käsitellyt, löydämme kaikki likaiset muuttujat ja luomme tilapäivityksen lähetettäväksi käyttöliittymään.  Tallennamme uuden tilan tilanhallintaan ja lähetämme sitten tilapäivityksen käyttöliittymään. Käyttöliittymä päivittää sitten käyttöliittymän vastaamaan uutta tilaa.  Johtopäätös  Toivottavasti tämä antaa hyvän yleiskuvan siitä, kuinka Reflex toimii konepellin alla. Tulemme julkaisemaan lisää viestejä, joissa kerromme, kuinka teimme Reflexistä skaalautuvan ja tehokkaan ominaisuuksien, kuten tilan jakamisen ja kääntäjien optimoinnin, avulla.

This post provides insights into new product. 

pip install reflex

Tämä ääni on tuotettu tarinan alkuperäisellä kielellä!

Pure Python Web Frameworkin suunnittelu

About Author

KOMMENTIT

RIPUTA TAGSIA

TÄMÄ ARTIKKELI ESITETTIIN

Related Stories

Hurry! Just One Month Left to Win Up to $2,000 in the #blockchain Writing Contest

The #bitcoin Writing Contest by Rootstock and HackerNoon: Final Round Results🎉

How Apex Fusion Achieved FINMA Qualification Without Compromising Decentralization

Meet Filestack: HackerNoon Company of the Week

Hurry! Just One Month Left to Win Up to $2,000 in the #blockchain Writing Contest

The #bitcoin Writing Contest by Rootstock and HackerNoon: Final Round Results🎉

How Apex Fusion Achieved FINMA Qualification Without Compromising Decentralization

Meet Filestack: HackerNoon Company of the Week

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps