React Horizon UI – avatud lähtekoodiga Firebase'i käivitaja

Taasavaldanud Platon

järgijaid: 0

Tere kodeerijad!

Selles artiklis esitletakse avatud lähtekoodiga täispinu starterit, mis kasutab autentimiskihi jaoks Firebase'i toel Reacti kasutajaliidest. Reageerige Horizon Firebase saab alla laadida Githubist ja see põhineb lubaval (MIT) litsentsil, mida kasutatakse kommertsprojektides ja e-õppe tegevustes. Uutele tulijatele, Reageerima on juhtiv JS teek, mida kasutatakse interaktiivsete kasutajaliideste kodeerimiseks ja Firebase on Google'i loodud populaarne taustateenus. Thanks for reading!

Selle hämmastava kasutajaliidese koostas ja pakub tasuta Lihtne, loominguline veebiagentuur, mis kasutab Charka kasutajaliidest peamise kasutajaliidese raamatukoguna.

✨ Toote omadused

UI koodibaas, mida toetab Chakra kasutajaliides
7 näidislehte: armatuurlaud, NFT turg, kasutajaprofiil
70+ komponenti – siin kenasti dokumenteeritud
Tume režiim, RTL tugi
Firebase'i taustaprogramm
Sotsiaalne sisselogimine Google'i kaudu
Klassikaline autentimine (kasutaja/parool)

Malli versiooni (ilma autentimiseta) leiate ja saate alla laadida ametlikult lehelt: Horisondi kasutajaliides.

✨ Kuidas toodet kasutada

Toote kohalikus keskkonnas ehitamiseks vajame mõnda põhitööriista, nagu Git, ja korralikku NodeJS-i versiooni (16.x või uuem).

👉 Samm 1 – Kloonige allikad

$ git clone https://github.com/app-generator/react-horizon-ui-chakra-firebase.git
$ cd react-horizon-ui-chakra-firebase

👉 Samm 2 - installige sõltuvused

$ npm i
// OR
$ yarn

👉 Samm 3 – Konfigureerige Firebase'i mandaadid



const config = {
    ...
    firebase: {                                               
        apiKey: 'YOUR_API_KEY',                            
        authDomain: 'YOUR_DOMAIN_HERE',                    
        projectId: 'YOUR_PROJECT_ID',                      
        storageBucket: 'YOUR_STORAGE_BUCKET',              
        messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',     
        appId: 'YOUR_APP_ID',                   
        measurementId: 'YOUR_TRACKER_ID'
    }
};

👉 Samm 4 – Käivitage rakendus

$ npm run start 
// OR
$ yarn start

Kui seadistamine on lõpule viidud, peaksime saama brauseris rakendusele juurde pääseda, uusi kasutajaid registreerida või Google'i sotsiaalse sisselogimise abil autentida.

React Horizon Firebase – sisselogimisleht

React Horizon Firebase – NFT leht

React Horizon Firebase – NFT leht

✨ Firebase'i tutvustus

Selles jaotises tutvustatakse selle suurepärase teenuse mõningaid põhipunkte ja esitatakse ka juhised lihtsa Firebase'i rakenduse loomiseks.

Firebase on Google'i välja töötatud platvorm mobiili- ja veebirakenduste loomiseks. See on Backend-as-a-Service (BaaS). See pakub arendajatele erinevaid tööriistu ja teenuseid, mis aitavad neil kvaliteetseid rakendusi arendada ja kasutajabaasi kasvatada.

Firebase võimaldab arendajatel keskenduda fantastilise kasutajakogemuse loomisele. Te ei pea servereid haldama ega API-sid kirjutama. Firebase on teie server, API ja andmehoidla; kõik on kirjutatud nii üldiselt, et saate seda enamikule oma vajadustele vastavaks muuta.

✨Miks kasutada Firebase'i?

👉 Realtime Database: Firebase saadab teile uued andmed kohe, kui need on WebSocketsi kaudu värskendatud.
👉 Authentication: Firebase'i autentimisel on sisseehitatud e-posti/parooli autentimissüsteem, mis toetab OAuth2 Google'i, Facebooki, Twitteri ja GitHubi jaoks.
👉 Static Files Hosting: sellel on lihtne staatiline failimajutusteenus, mis teenindab teie faile CDN-i kaudu, muutes need kiiremini kättesaadavaks.
👉 Push Notifications: see aitab ühendada kasutaja seadmeid ja servereid nii, et loomulike/tõukemärguannete saatmine muutub lihtsaks ja usaldusväärseks.
👉 Analytics: Firebase pakub sujuvat viisi Google'i analüüsiga integreerimiseks.
👉 Crash Reporting: see pakub ka reaalajas krahhiaruannet reaalajas jälgimiseks ja vigade parandamiseks.
👉 Remote Configuration: Firebase võimaldab kaugkonfiguratsiooni kaudu avaldada lõppkasutajatele kiirvärskendusi.Testilabor: teenus aitab testida teie rakendusi Google'i pakutavates reaalsetes ja virtuaalsetes seadmetes.