• auth
  • integration
  • logto
  • protected-app

Nopein tapa rakentaa todennusjärjestelmä

Vähennä todennuksen asennusaika alle tunniksi Logton avulla! Koodittomalla integroinnilla, ilmaisella sisäänrakennetulla sähköpostipalvelulla, vaiheittaisilla sosiaalisen yhteyden ohjeilla ja yhdellä napsautuksella tehtävällä todennusvirta-asetuksella Logto tekee todennuksesta helppoa.

Ran
Ran
Product & Design

Käyttäjän todennusjärjestelmän lisäämisen tuotteeseesi pitäisi olla helppoa, eikö? Onhan kyseessä niin standardoitu moduuli. Ainakin näin ajattelin, ja Logto-tiimi on omistautunut tekemään jokaiselle tuotteelle helpoksi saada turvallinen ja liiketoiminnalle sopiva identiteettijärjestelmä.

Kuinka nopeasti se voidaan tehdä? Katsotaanpa. On olemassa erittäin nopea low-code-ratkaisu verkkosovelluksiin, täydellinen nopeaan testaukseen tai suoraan tuotantoon pääsemiseen. Sisältäen alustan rekisteröinnin, kaikki tämä voidaan tehdä vain 1 tunnissa tai jopa nopeammin. Etkö usko? Kokeile itse.

AI-työkaluyrityksenä aika on rahaa, ja minun on käynnistettävä palvelu nopeasti, jotta voin ottaa markkinat haltuuni. Tässä on, mitä tarvitsen todennukseen:

  • Rekisteröinti: Sähköposti + Vahvista sähköposti + Aseta salasana
  • Kirjautuminen: Sähköposti + Salasana
  • Unohtunut salasana: Vahvista sähköposti + Nollaa salasana
  • Sosiaalinen kirjautuminen: Valitaan suosituin, Google-kirjautuminen.

Hyvä, aloitetaan.

Vaihe 1: Luo Logto-tili ja vuokralainen

  1. Vieraile cloud.logto.io ja rekisteröidy Logto-tilille.
  2. Luo suoraan tuotantovuokralainen. Ilmaissuunnitelma (50 000 MAU) riittää startupimme tarpeisiin.

Luo tili ja vuokralainen

Vaihe 2: Määritä sähköpostiyhteys

Yhdistäminen kolmannen osapuolen sähköpostipalveluntarjoajani kanssa ja sähköpostimallien luominen? Odota! Logtolla on valmiiksi rakennettu Email Service ilman tarvittavia määrityksiä.

  1. Syötä perustiedot: Lähettäjän nimi, yrityksen tiedot ja lataa sähköpostilogo (kaikki valinnaisia).
  2. Testaa se: Lähetä sähköposti itsellesi. Tyylikäs vahvistusviesti saapuu.

Määritä sähköpostiyhteys

Kyllä, koko asennus ja testaus vie alle 5 minuuttia! Jos et välitä siitä, että lähettäjä on "[email protected]", voit käyttää tätä ilmaista palvelua ja unohtaa erilaisten skenaarioiden sähköpostimallien kirjoittamisen. Vaihtoehtoisesti voit valita mukautetun sähköpostipalvelun.

Vaihe 3: Määritä sosiaalinen yhteys

Eri tuotteet tarvitsevat eri Google-asiakastunnuksia, joten minun täytyy liittää Googlen yhdistin itse. Mutta se ei ole vaikeaa.

  1. Täytä Logtoon Client ID ja Client secret, sitten ota käyttöön Google One Tap.

Määritä sosiaalinen yhteys

  1. Syötä takaisinsoitto-URL. Valitse ../auth/userinfo.email, ../auth/userinfo.profile, ja openid Googlen API-konsolissa.

Määritä google API-konsoli

Logton vaiheittaisen oppaan ansiosta sain asetukset valmiiksi alle 10 minuutissa.

Vaihe 4: Määritä kirjautumiskokemus

Resurssien kanssa on määritetty, joten nyt on aika määrittää kirjautumis- ja rekisteröitymiskokemus.

  1. Siirry "Kirjautumiskokemus"-osioon:
    • Lataa sovelluksen logo ja favicon.
    • Vaihda brändin väri.
    • Ota tummatila käyttöön yhdellä napsautuksella ja täytä samat kentät.
  2. Mene "Sign-up & sign-in"-välilehteen muuttaaksesi todennusmenetelmiä:
    • Aseta "Sähköpostiosoite" rekisteröintiavaimeksi ja merkitse "Luo oma salasana" ja "Vahvista rekisteröinnissä".
    • Aseta "Sähköpostiosoite" ja "Salasana" kirjautumistunnisteeksi ja todennustekijäksi.
    • Lisää "Google" sosiaaliseen kirjautumiseen.

Määritä kirjautumiskokemus

Kätevää, että oletusasetukset olivat juuri mitä tarvitsin, joten tämä ei vie paljon aikaa lainkaan.

Vaihe 5: Integroi verkko sovellus ilman SDK:ta

Miksi tuhlata aikaa palvelujen integroimiseen? Käytä Logton suojattua sovellusta sovelluspyyntöjeni välittämiseen.

  1. Luo suojattu sovellus: Syötä sovellukseni alkuperäinen URL (se ilman todennuksen suojausta, kuka tahansa voi käydä). Aseta sovellusalue ".protected.app"-päätteellä testausta varten (tämä verkkosivusto-osoite annetaan käyttäjille sivustosi käymiseen, mutta se on jo määritetty todennusvirtauksilla, siksi "Protected App" nimi.)

    Luo suojattu sovellus

  2. Kun sovellus on luotu, käy tässä testiosoitteessa acme.protected.app (👈 voit kokeilla sitä myös!). Sivustolle pääsemiseen tarvitaan todennus. Testi onnistui.

    kirjautumiskokemus

  3. Määritä tämän verkkosivuston todellinen verkkotunnus tuotantoa varten oletusarvoisen .protected.app sijaan.

  4. Valinnainen: Jos haluat käyttää todennusta vain tietyille reiteille, voit lisätä "Mukautetut todennussäännöt". Oletuksena koko verkkosivusto on suojattu.

  5. Todennusreitit /register, /sign-in, /sign-in-callback, ja /sign-out voidaan lisätä suoraan painikkeisiin, kuten Aloita, Kirjaudu sisään ja Kirjaudu ulos.

  6. Viimeisenä mutta ei vähäisimpänä, suojaa alkuperäispalvelimesi HTTP Basic Authenticationilla suorittaaksesi tämän väliintegroinnin. Jokainen suojatun sovelluksen pyyntö sisältää seuraavan otsikon: Authorization: Basic base64(appId:appSecret).

Siinä se! Vain yhdessä tunnissa verkkosivustoni on suojattu todennuksella.

Yhteenveto

Voit luottavaisesti käyttää tätä erittäin nopeaa ratkaisua suojataksesi verkkosivustosi. Tuotteesi kasvaessa tehokas ja kattava Logto-järjestelmä mahdollistaa saumattoman päivityksen ominaisuuksiin, kuten monisovellustuki, MFA, SSO, kolmannen osapuolen sovellusvaltuutus, RBAC ja monikertavuokralaisorganisaatio, yhdessä integrointien kanssa kaikentyyppisille kehyksille parantaaksesi resurssiesi suojausta ja käyttäjähallintaa.

Kutsun sinut kokemaan sen itse ja nopeasti varustamaan verkkosivustosi todennussuojauksella.

Lisätietoja nopeasta todennuksen integroinnista, palautetta tieohjelmapuolestamme Roadmap tai ota meihin yhteyttä suoraan. Ja ethän unohda liittyä Discord yhteisöömme keskustelemaan Logto-tiimin kanssa.

Kiitos integroitumisesta!