Topics

Heb je je ooit afgevraagd: "Heeft Jamstack geen preview-omgeving?"

  • column

In een traditionele LAMP-configuratie,/prev/oftest.example.com/De algemene stijl was om basisverificatie te gebruiken om een ​​preview-omgeving voor te bereiden.

Met de nieuwste headless CMS-configuraties die gebruikmaken van Vercel of Cloudflare Pages, lijken veel mensen echter in de war te raken en vragen te stellen als: "Er wordt een preview-URL aangemaakt tijdens het bouwen, maar is dit wel de standaardversie?" en "Kan ik überhaupt wachtwoordverificatie (basisverificatie) instellen?"

Conclusie: de previewomgeving is goed! En hij is goed beveiligd!

Vercel en Cloudflare Pages hebben bijvoorbeeld een Git-branch.preview URLHet heeft de functie van automatische uitgifte. Met andere woorden,Een systeem dat elke keer automatisch de nieuwste stagingomgeving creëertAls je je broncode beheert met Git, kun je een nieuwe branch aanmaken en pushen. Er wordt dan direct een bevestigings-URL gegenereerd. Je hoeft bestanden niet handmatig naar de stagingomgeving te uploaden.

"Maar wordt die preview-URL openbaar gemaakt?"

Geen zorgen, we hebben het volgende:Toegangsbeperkingen kunnen eenvoudig worden ingesteldDat is alles.

Cloudflare Pages-voorbeeld

Met Cloudflare Pages kunt u de toegang tot de preview-omgeving beperken.

Basisverificatie

  • U kunt authenticatie instellen met een gebruikersnaam en wachtwoord, net als in de traditionele previewomgeving. Afgezien van specifieke configuraties is dit waarschijnlijk de voorkeursmethode.
  • Echter,Een hybride configuratie die SSG (Static Site Generation) en SSR (Server-Side Rendering) combineertEr zijn enkele gevallen waarin basisverificatie niet goed werkt, zoals:

Cloudflare Access

  • Als de hierboven beschreven basisverificatie niet geschikt is of als u flexibelere toegangscontrole wenst, kunt u Cloudflare Access gebruiken.
Schermafbeelding van Cloudflare Access-inlogscherm

De volgende instellingen zijn mogelijk via de grafische gebruikersinterface (het gratis abonnement is beperkt tot 50 gebruikers).

  • example.comSta alleen gebruikers toe met specifieke e-maildomeinen, zoals
  • Alleen gebruikers met het opgegeven e-mailadres zijn toegestaan
  • Google-accountverificatie (integratie met Google Workspace is ook mogelijk)
  • Beperking van IP-adressen
  • Uitgifte van een tijdelijke toegangspincode
Schermafbeelding van Cloudflare-instellingen
Schermafbeelding van Cloudflare-instellingen

Vercel-voorbeeld

Uiteraard biedt Vercel u ook de mogelijkheid om de preview-omgeving te beschermen.

  • Vercel AuthenticationBeperkte toegang alleen voor teamleden
  • Wachtwoordbeveiliging (beschikbaar bij Pro-abonnementen en hogere abonnementen)
  • Het is mogelijk om verschillende beperkingen in te stellen voor de productieomgeving en de previewomgeving.

Met de Vercel-authenticatiefunctie kunt u de toegang beperken tot projectleden, deelbare links maken en meer.

Overigens was de preview-omgevingsbeveiliging van Vercel moeilijk te gebruiken omdat wachtwoordauthenticatie extra kosten met zich meebracht ($150/maand),Deploy Protection is nu beschikbaar voor alle abonnementen!

https://vercel.com/docs/deployment-protection

Schermafbeelding van Vercel-instellingen
U kunt de beveiligingsmethode selecteren in het gedeelte Implementatiebeveiliging van uw projectinstellingen.
Schermafbeelding van het maken van een gedeelde link door Vercel
U kunt een deelbare link maken door op 'Delen' te klikken in de rechterbovenhoek van de implementatiedetails.

Dit is dus wat het betekent!

Traditionele methode

De wereld van Jamstack/Vercel/Cloudflare-pagina's

stg.example.com+ Basisverificatie

Voorbeeld-URL voor elke tak + Wachtwoord-/e-mailauthenticatie/IP-beperkingen, etc.

Handmatig uploaden

Git-pushGeautomatiseerde implementatie

Het instellen en beheren van toegangsbeperkingen is enigszins ingewikkeld

Toegangsbeperkingen zijn...Relatief eenvoudig in te stellen via GUI etc.

"Jamstack is cool, maar is er een goede preview-omgeving?" "Is het veilig?"Moderne staging is een 'preview-omgeving' die automatisch voor elke branch wordt gepubliceerd en toegangsbeperkingen kunnen flexibel en eenvoudig worden geconfigureerd.

U bereikt dezelfde gemoedsrust als met de traditionele methode, maar dan gemakkelijker en slimmer. Probeer het eens voor uw volgende project.

Geschreven door

Hij maakte de overstap van DTP naar de webwereld en ontwikkelde zich al snel tot een "meester in zijn vak" met een beheersing van markup, front-end design, richting en toegankelijkheid. Sinds de oprichting van Liberogic is hij actief geweest in diverse vakgebieden en is hij nu een wandelend woordenboek binnen het bedrijf. De laatste tijd is hij geobsedeerd door het onderzoeken van efficiëntieverbeteringen met behulp van prompts, met de vraag: "Kunnen we meer op AI vertrouwen voor toegankelijkheid?" Zijn technologie en denkwijze blijven zich ontwikkelen.

Futa

IAAP-gecertificeerde specialist in webtoegankelijkheid (WAS) / Markup-engineer / Front-end-engineer / Webdirecteur

Bekijk het artikel van deze medewerker

Wij zijn trots op onze betrouwbare teamstructuur en snelle reactiemogelijkheden.

Bij Liberogic stimuleren onze ervaren medewerkers projecten proactief, waardoor we hoog gewaardeerd worden door onze klanten.
Wij zorgen ervoor dat projectmanagers en directeuren correct worden toegewezen om een ​​soepel verloop van het gehele project te garanderen. Wij voorkomen onnodige kostenstijgingen door volledige toezeggingen en wijzen middelen toe aan de juiste mensen op de juiste plaatsen. Bovendien staan ​​we bekend om de snelheid waarmee we de inhoud van het werk begrijpen en offertes opstellen en indienen.

Houd er rekening mee dat we niet actief betrokken zijn bij SES-achtige werkzaamheden op locatie.

We ondersteunen bijna alle belangrijke projectmanagement- en chattools, waaronder Slack, Teams, Redmine, Backlog, Asana, Jira, Notion, Google Workspace, Zoom en Webex.

Neem gerust contact met ons op als u vragen heeft over het web.

Casestudy