jinsi ya kutengeneza APP | Kulinda App kwa Login (Dashboard Authentication)| hatua ya 8

Baada ya kutengeneza manifest, service worker, ku-link zote, icons, na kufanya app installable, hatua ya mwisho ni kuhakikisha app yako ni salama.
Hii inamaanisha kudhibiti nani anaweza kufungua dashboard na kuona data muhimu.

🧩 1. Unda Pages za Login

1️⃣ login.php – Hapa user anaingiza credentials:

<?php
session_start();
include "db.php"; // Unganisha database yako

if(isset($_POST['login'])){
$username = $_POST['username'];
$password = $_POST['password'];

// Angalia credentials database
$stmt = $conn->prepare("SELECT * FROM users WHERE username=?");
$stmt->bind_param("s", $username);
$stmt->execute();
$result = $stmt->get_result();

if($result->num_rows > 0){
$user = $result->fetch_assoc();
if(password_verify($password, $user['password'])){
$_SESSION['user_id'] = $user['id'];
$_SESSION['username'] = $user['username'];
header("Location: dashboard.php");
exit;
} else {
$error = "Password si sahihi";
}
} else {
$error = "Username haipo";
}
}
?>
<form method="post">
<input type="text" name="username" placeholder="Username" required>
<input type="password" name="password" placeholder="Password" required>
<button type="submit" name="login">Login</button>
</form>
<?php if(isset($error)) echo $error; ?>


2️⃣ dashboard.php – Page ya salama, inatokea baada ya login:

<?php
session_start();
if(!isset($_SESSION['user_id'])){
header("Location: login.php");
exit;
}

// Page content
echo "Karibu, " . $_SESSION['username'];
echo "<br><a href='logout.php'>Logout</a>";
?>


3️⃣ logout.php – Kuondoa session:

<?php
session_start();
session_destroy();
header("Location: login.php");
exit;
?>

🛡️ 2. Tips za Security

Tumia HTTPS

Tumia password_hash() na password_verify()

Kagua input ya user (prevent SQL Injection)

Tumia session kwa kuruhusu access tu kwa logged-in users

Redirect user asiyelogin → login.php

🎯 3. Matokeo

Ukimaliza hatua hii:

✅ App ina login page salama
✅ Dashboard ni private → haifunguki bila login
✅ Users wanaweza logout bila kuacha session wazi
✅ App yako sasa ni PWA + salama + installable

🔗 Links Za Kujifunza Zaidi

🌐 Faulink Official Website: https://www.faulink.com/

📘 Jifunze Web Design & Programming: https://www.faulink.com/excel_mifumo.php

📲 WhatsApp kwa msaada: https://wa.me/255693118509

🎉 Hii ni hatua ya mwisho!
Kwa kuzingatia manifest.json, service worker, icons, install prompt, na login authentication, Faulink.com sasa ni PWA app kamili, installable, offline-ready na salama.