Hyrje
Krijimi i një formulari të pajtimtarit të buletinit në HTML është një gjë relativisht e shpejtë, mbledhja e të dhënave në një backend është shpesh detyra më e vështirë. Në këtë rast, ne do të përdorim një pikë përfundimtare të krijuar nga Nitro, ku mund t'i ruajmë të gjithë abonentët tanë dhe t'i rikuperojmë ata me një thirrje të thjeshtë API.
Parakushtet
Na duhen 2 gjera:
- Formulari i pajtimtarit të buletinit
- një pikë fundore Nitro.
Hapi 1: krijoni ose futni formularin
Krijo ose fut një Formular për të mbledhur adresat e emailit, këtu është një shembull:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
</head>
<body>
<div class="container">
<form method="POST" action="NITRO-ENDPOINT-TO-SAVE-NEWSLETTER-SUBSCRIBERS">
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" name="exampleInputEmail1" aria-describedby="emailHelp">
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
</div>
<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1" name="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
</body>
</html>
Hapi 2: krijoni një pikë përfundimtare Nitro dhe përdorni atë
Krijoni një "Nitro endpoint" dhe futni url-në e saj publike si parametër veprimi në formën tuaj:
Klikoni mbi të për të parë pikën përfundimtare dhe të dhënat e tij publike:
Jeni të gatshëm të shkoni, të dërgoni të dhëna dhe të shihni se Lista juaj e Abonentëve të Buletinit rritet. Mund ta shkarkoni në çdo kohë nga Backoffice ose ta rikuperoni përmes pikës përfundimtare publike ose jo publike.
"https://app.getnitro.dev/"
