🔐 Sistema de Registro y Login

Flutter app connected to a PHP API and FacturaScripts Plugin

Download Complete Examples

📱 What is this system?

Complete Authentication System

This Flutter application demonstrates how to build a complete registration and login system that integrates with:

Simple PHP Backend: API REST for basic authentication
Plugin FacturaScripts: Extension that automatically creates API Keys
App Flutter: Mobile interface with registration, login and home screens
State Management: Session control and authentication tokens

System Architecture

📱 Frontend Flutter: Authentication screens and services
🔌 API PHP: Example backend with JWT/tokens
🏢 Plugin FacturaScripts: Extension of the Cliente model to generate API Keys
🔗 Connection: The client's password is used as the API Key in FacturaScripts

📁 Project Structure

RegistroLogin/
├── lib/                                 # <?php echo t('Aplicación Flutter'); ?>
│   ├── config/
│   │   └── api_config.dart             # <?php echo t('Configuración de endpoints'); ?>
│   ├── models/
│   │   └── user.dart                   # <?php echo t('Modelo de Usuario'); ?>
│   ├── services/
│   │   └── auth_service.dart           # <?php echo t('Servicio de autenticación'); ?>
│   ├── screens/
│   │   ├── register_screen.dart        # <?php echo t('Pantalla de registro'); ?>
│   │   ├── login_screen.dart           # <?php echo t('Pantalla de login'); ?>
│   │   └── home_screen.dart            # <?php echo t('Pantalla principal'); ?>
│   ├── backend_ejemplo/
│   │   └── api.php                     # <?php echo t('Backend PHP de ejemplo'); ?>
│   └── main.dart                       # <?php echo t('Punto de entrada'); ?>
│
└── ReparacionesRK/                     # Plugin FacturaScripts
    ├── facturascripts.ini              # <?php echo t('Configuración del plugin'); ?>
    ├── Init.php                        # <?php echo t('Inicialización'); ?>
    ├── Extension/
    │   └── Model/
    │       └── Cliente.php             # <?php echo t('Extensión del modelo Cliente'); ?>
    ├── Model/                           
    ├── Controller/                      
    └── XMLView/

🔍 Explore the Components

Click any component to see its complete code:

🚀

Entry Point

main.dart

Ver código →

⚙️

API Configuration

api_config.dart

Ver código →

👤

Model User

user.dart

Ver código →

🔐

Auth Service

auth_service.dart

Ver código →

🔑

Login Screen

login_screen.dart

Ver código →

📝

Registration Screen

register_screen.dart

Ver código →

🏠

Home Screen

home_screen.dart

Ver código →

🖥️

PHP Backend

api.php

Ver código →

🔌

Cliente Extension

Cliente.php

Ver código →

⚡

Init Plugin

Init.php

Ver código →

📄

Config Plugin

facturascripts.ini

Ver código →

🔄 How It Works

1️⃣ User Registration

User fills out the form in RegisterScreen
AuthService.register() sends the data to the API
PHP backend validates and creates the user with a token
User is redirected to the login screen

2️⃣ User Login

User enters email and password in LoginScreen
AuthService.login() authenticates with the API
Backend verifies credentials and returns a token
Token is saved and the user accesses HomeScreen

3️⃣ Integration with FacturaScripts

In FacturaScripts, a Client is created/edited
Field password field is filled in
The Cliente.php extension intercepts the save
An ApiKey is automatically created using:
- dni: CIF/NIF of the client
- description: Client's email
- apikey: Client's password
The Flutter app can use that password to authenticate with FacturaScripts

🔧 Detailed Technical Explanation

🎯 Service Layer Pattern

AuthService centralizes all the authentication logic:

Abstracts HTTP requests
Handles errors centrally
Automatically serializes/deserializes JSON
Returns typed User objects

🔐 Token Management

The system uses Bearer tokens for authentication:

Generated on the backend with bin2hex(random_bytes(32))
Sent in the Authorization: Bearer {token} header
Validated on each protected request
Stored in the app (SharedPreferences recommended)

🏗️ Model Extension

Plugin FacturaScripts extends the Cliente model:

saveInsert(): Runs when creating a client
saveUpdate(): Runs when updating a client
Use Closure to inject custom logic
Creates/updates ApiKey automatically

🔗 How Flutter and FacturaScripts Connect

Crear Cliente en FacturaScripts

Admin añade cliente con email y password personalizado

↓

Plugin Genera API Key

Extensión Cliente.php crea ApiKey automáticamente

apikey = password del cliente

↓

Usuario Login en App

Usuario ingresa email y password en la app Flutter

↓

App Accesses FacturaScripts

Flutter uses the password as a token in the header:

token: {password}

📋 Requirements and Dependencies

Flutter (pubspec.yaml)

dependencies:
  flutter:
    sdk: flutter
  http: ^1.1.0              # <?php echo t('Peticiones HTTP'); ?>
  provider: ^6.0.0          # <?php echo t('Gestión de estado (opcional)'); ?>
  shared_preferences: ^2.0.0 # <?php echo t('Persistencia de token'); ?>

PHP Backend

PHP 7.4 or higher
JSON extension enabled
OpenSSL extension for tokens
Configured CORS headers

FacturaScripts

FacturaScripts 2024 or higher
Plugin installed at /Plugins/ReparacionesRK/
Custom field password in the Cliente model
API enabled in configuration

✅ Best Practices Implemented

🛡️ Security

Hashed passwords with password_hash()
Secure random tokens
Validation on client and server
Configured CORS headers
No passwords in responses

🎨 UX/UI

Loading indicators (_isLoading)
Real-time form validation
SnackBars for user feedback
Smooth navigation between screens
TextFormField with validators

🏗️ Architecture

Layer separation (UI, Service, Model)
Centralized configuration
Reusable and maintainable code
Consistent error handling
Informative logs in backend and plugin

🔧 Common Troubleshooting

❌ CORS Error

Symptom: "CORS policy blocked"

Solution:

Check headers in api.php
Make sure Access-Control-Allow-Origin: * is present
Handle OPTIONS (preflight) requests

🔐 API Key isn't created

Symptom: Client saved but without an ApiKey

Solution:

Verify that the password field is not empty
Check FacturaScripts logs
Confirm that Init.php loads the extension
Check DB write permissions

📱 App doesn't connect

Symptom: "Connection refused"

Solution:

On a physical device, use a real IP (not localhost)
Verify the server is running
Check baseUrl in api_config.dart
Use http://10.0.2.2:8000 on an Android emulator

🔑 Token invalid

Symptom: "Error 401: Token invalid"

Solution:

Verify format: Bearer {token}
Confirm the token is saved correctly
Check that there are no extra spaces
Validate that the token exists in users.json

🚀 Suggested Improvements

1. Session Persistence

Implement SharedPreferences to keep the user logged in:

Save token on login
Verify token on app start
Clear token on logout
Auto-login if the token is valid

2. State Management

Use Provider, Riverpod or BLoC to manage global state:

AuthProvider with user state
Loading states centralized
Conditional navigation based on state
Automatic data refresh

3. Real Database

Migrate from JSON to MySQL/PostgreSQL:

Relational tables for users
Indexes for fast searches
ACID transactions
Automated backups

4. Advanced Security

JWT with automatic expiration
Refresh tokens
Rate limiting in the API
Email validation with a code
2FA (two-factor authentication)

🔐 Authentication Service - auth_service.dart

import 'dart:convert';
import 'package:http/http.dart' as http;
import '../config/api_config.dart';
import '../models/user.dart';

/// <?php echo t('Servicio básico de autenticación'); ?>
class AuthService {
  /// Registrar nuevo usuario
  Future<User?> register({
    required String name,
    required String email,
    required String password,
  }) async {
    try {
      final response = await http.post(
        Uri.parse('${ApiConfig.baseUrl}${ApiConfig.registerEndpoint}'),
        headers: ApiConfig.headers,
        body: jsonEncode({
          'name': name,
          'email': email,
          'password': password,
        }),
      );

      if (response.statusCode == 200 || response.statusCode == 201) {
        final data = jsonDecode(response.body);
        return User.fromJson(data['user'] ?? data);
      } else {
        print('Error en registro: ${response.body}');
        return null;
      }
    } catch (e) {
      print('Error de conexión: $e');
      return null;
    }
  }

  /// <?php echo t('Login de usuario'); ?>
  Future<User?> login({
    required String email,
    required String password,
  }) async {
    try {
      final response = await http.post(
        Uri.parse('${ApiConfig.baseUrl}${ApiConfig.loginEndpoint}'),
        headers: ApiConfig.headers,
        body: jsonEncode({
          'email': email,
          'password': password,
        }),
      );

      if (response.statusCode == 200) {
        final data = jsonDecode(response.body);
        return User.fromJson(data['user'] ?? data);
      } else {
        print('Error en login: ${response.body}');
        return null;
      }
    } catch (e) {
      print('Error de conexión: $e');
      return null;
    }
  }

  /// <?php echo t('Obtener información del usuario autenticado'); ?>
  Future<User?> getUser(String token) async {
    try {
      final response = await http.get(
        Uri.parse('${ApiConfig.baseUrl}${ApiConfig.userEndpoint}'),
        headers: ApiConfig.headersWithAuth(token),
      );

      if (response.statusCode == 200) {
        final data = jsonDecode(response.body);
        return User.fromJson(data);
      } else {
        return null;
      }
    } catch (e) {
      print('Error: $e');
      return null;
    }
  }
}

🔑 Login Screen - login_screen.dart

import 'package:flutter/material.dart';
import '../services/auth_service.dart';
import 'register_screen.dart';
import 'home_screen.dart';

/// <?php echo t('Pantalla básica de login'); ?>
class LoginScreen extends StatefulWidget {
  const LoginScreen({Key? key}) : super(key: key);

  @override
  State<LoginScreen> createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {
  final _formKey = GlobalKey<FormState>();
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();
  final _authService = AuthService();
  bool _isLoading = false;

  @override
  void dispose() {
    _emailController.dispose();
    _passwordController.dispose();
    super.dispose();
  }

  Future<void> _login() async {
    if (!_formKey.currentState!.validate()) return;

    setState(() => _isLoading = true);

    final user = await _authService.login(
      email: _emailController.text.trim(),
      password: _passwordController.text,
    );

    setState(() => _isLoading = false);

    if (user != null) {
      if (!mounted) return;
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(
          builder: (_) => HomeScreen(user: user),
        ),
      );
    } else {
      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('Credenciales incorrectas')),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Iniciar Sesión'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          key: _formKey,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              TextFormField(
                controller: _emailController,
                decoration: const InputDecoration(
                  labelText: 'Email',
                  border: OutlineInputBorder(),
                ),
                keyboardType: TextInputType.emailAddress,
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Ingresa tu email';
                  }
                  return null;
                },
              ),
              const SizedBox(height: 16),
              TextFormField(
                controller: _passwordController,
                decoration: const InputDecoration(
                  labelText: 'Contraseña',
                  border: OutlineInputBorder(),
                ),
                obscureText: true,
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Ingresa tu contraseña';
                  }
                  return null;
                },
              ),
              const SizedBox(height: 24),
              SizedBox(
                width: double.infinity,
                child: ElevatedButton(
                  onPressed: _isLoading ? null : _login,
                  child: _isLoading
                      ? const CircularProgressIndicator()
                      : const Text('Iniciar Sesión'),
                ),
              ),
              const SizedBox(height: 16),
              TextButton(
                onPressed: () {
                  Navigator.pushReplacement(
                    context,
                    MaterialPageRoute(builder: (_) => const RegisterScreen()),
                  );
                },
                child: const Text('¿No tienes cuenta? Regístrate'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

📝 Registration Screen - register_screen.dart

import 'package:flutter/material.dart';
import '../services/auth_service.dart';
import 'login_screen.dart';

/// <?php echo t('Pantalla básica de registro'); ?>
class RegisterScreen extends StatefulWidget {
  const RegisterScreen({Key? key}) : super(key: key);

  @override
  State<RegisterScreen> createState() => _RegisterScreenState();
}

class _RegisterScreenState extends State<RegisterScreen> {
  final _formKey = GlobalKey<FormState>();
  final _nameController = TextEditingController();
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();
  final _authService = AuthService();
  bool _isLoading = false;

  @override
  void dispose() {
    _nameController.dispose();
    _emailController.dispose();
    _passwordController.dispose();
    super.dispose();
  }

  Future<void> _register() async {
    if (!_formKey.currentState!.validate()) return;

    setState(() => _isLoading = true);

    final user = await _authService.register(
      name: _nameController.text.trim(),
      email: _emailController.text.trim(),
      password: _passwordController.text,
    );

    setState(() => _isLoading = false);

    if (user != null) {
      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('Registro exitoso!')),
      );
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (_) => const LoginScreen()),
      );
    } else {
      if (!mounted) return;
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('Error al registrar')),
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Registro'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          key: _formKey,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              TextFormField(
                controller: _nameController,
                decoration: const InputDecoration(
                  labelText: 'Nombre',
                  border: OutlineInputBorder(),
                ),
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Ingresa tu nombre';
                  }
                  return null;
                },
              ),
              const SizedBox(height: 16),
              TextFormField(
                controller: _emailController,
                decoration: const InputDecoration(
                  labelText: 'Email',
                  border: OutlineInputBorder(),
                ),
                keyboardType: TextInputType.emailAddress,
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Ingresa tu email';
                  }
                  if (!value.contains('@')) {
                    return 'Ingresa un email válido';
                  }
                  return null;
                },
              ),
              const SizedBox(height: 16),
              TextFormField(
                controller: _passwordController,
                decoration: const InputDecoration(
                  labelText: 'Contraseña',
                  border: OutlineInputBorder(),
                ),
                obscureText: true,
                validator: (value) {
                  if (value == null || value.isEmpty) {
                    return 'Ingresa tu contraseña';
                  }
                  if (value.length < 6) {
                    return 'Mínimo 6 caracteres';
                  }
                  return null;
                },
              ),
              const SizedBox(height: 24),
              SizedBox(
                width: double.infinity,
                child: ElevatedButton(
                  onPressed: _isLoading ? null : _register,
                  child: _isLoading
                      ? const CircularProgressIndicator()
                      : const Text('Registrar'),
                ),
              ),
              const SizedBox(height: 16),
              TextButton(
                onPressed: () {
                  Navigator.pushReplacement(
                    context,
                    MaterialPageRoute(builder: (_) => const LoginScreen()),
                  );
                },
                child: const Text('¿Ya tienes cuenta? Inicia sesión'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

🏠 Home Screen - home_screen.dart

import 'package:flutter/material.dart';
import '../models/user.dart';

/// <?php echo t('Pantalla básica de inicio después del login'); ?>
class HomeScreen extends StatelessWidget {
  final User user;

  const HomeScreen({Key? key, required this.user}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Inicio'),
        actions: [
          IconButton(
            icon: const Icon(Icons.logout),
            onPressed: () {
              Navigator.of(context).pushNamedAndRemoveUntil(
                '/',
                (route) => false,
              );
            },
          ),
        ],
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const Icon(
                Icons.check_circle,
                size: 100,
                color: Colors.green,
              ),
              const SizedBox(height: 24),
              const Text(
                '¡Sesión iniciada!',
                style: TextStyle(
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                ),
              ),
              const SizedBox(height: 16),
              Text(
                'Bienvenido, ${user.name}',
                style: const TextStyle(fontSize: 18),
              ),
              const SizedBox(height: 8),
              Text(
                user.email,
                style: const TextStyle(
                  fontSize: 16,
                  color: Colors.grey,
                ),
              ),
              if (user.token != null) ...[
                const SizedBox(height: 24),
                const Text(
                  'Token guardado:',
                  style: TextStyle(fontWeight: FontWeight.bold),
                ),
                const SizedBox(height: 8),
                Container(
                  padding: const EdgeInsets.all(12),
                  decoration: BoxDecoration(
                    color: Colors.grey[200],
                    borderRadius: BorderRadius.circular(8),
                  ),
                  child: Text(
                    user.token!.substring(0, 30) + '...',
                    style: const TextStyle(
                      fontSize: 12,
                      fontFamily: 'monospace',
                    ),
                  ),
                ),
              ],
            ],
          ),
        ),
      ),
    );
  }
}

🖥️ Backend PHP - api.php

<?php
/**
 * API BACKEND BÁSICA DE EJEMPLO PARA lib2
 * 
 * Este es un ejemplo MUY básico de una API REST en PHP
 * para usar con la aplicación Flutter de lib2
 * 
 * IMPORTANTE: Este código es solo para desarrollo/guía.
 * NO usar en producción sin mejorar la seguridad.
 */

header('Content-Type: application/json');
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
header('Access-Control-Allow-Headers: Content-Type, Authorization');

// Manejar preflight requests
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
    http_response_code(200);
    exit();
}

// <?php echo t('Base de datos simple (usar MySQL en producción)'); ?>
$usersFile = __DIR__ . '/users.json';
if (!file_exists($usersFile)) {
    file_put_contents($usersFile, json_encode([]));
}

function getUsers() {
    global $usersFile;
    return json_decode(file_get_contents($usersFile), true) ?: [];
}

function saveUsers($users) {
    global $usersFile;
    file_put_contents($usersFile, json_encode($users, JSON_PRETTY_PRINT));
}

function generateToken() {
    return bin2hex(random_bytes(32));
}

// <?php echo t('Parsear la ruta'); ?>
$path = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
$method = $_SERVER['REQUEST_METHOD'];

// REGISTRO
if ($path === '/api/3/register' && $method === 'POST') {
    $input = json_decode(file_get_contents('php://input'), true);
    
    $name = $input['name'] ?? '';
    $email = $input['email'] ?? '';
    $password = $input['password'] ?? '';
    
    if (empty($name) || empty($email) || empty($password)) {
        http_response_code(400);
        echo json_encode(['error' => 'Todos los campos son requeridos']);
        exit;
    }
    
    $users = getUsers();
    
    // <?php echo t('Verificar si el email ya existe'); ?>
    foreach ($users as $user) {
        if ($user['email'] === $email) {
            http_response_code(400);
            echo json_encode(['error' => 'El email ya está registrado']);
            exit;
        }
    }
    
    // Crear nuevo usuario
    $newUser = [
        'id' => count($users) + 1,
        'name' => $name,
        'email' => $email,
        'password' => password_hash($password, PASSWORD_DEFAULT),
        'token' => generateToken(),
    ];
    
    $users[] = $newUser;
    saveUsers($users);
    
    // <?php echo t('No enviar la password en la respuesta'); ?>
    unset($newUser['password']);
    
    http_response_code(201);
    echo json_encode(['user' => $newUser]);
    exit;
}

// LOGIN
if ($path === '/api/3/login' && $method === 'POST') {
    $input = json_decode(file_get_contents('php://input'), true);
    
    $email = $input['email'] ?? '';
    $password = $input['password'] ?? '';
    
    if (empty($email) || empty($password)) {
        http_response_code(400);
        echo json_encode(['error' => 'Email y contraseña requeridos']);
        exit;
    }
    
    $users = getUsers();
    
    foreach ($users as &$user) {
        if ($user['email'] === $email) {
            if (password_verify($password, $user['password'])) {
                // Generar nuevo token
                $user['token'] = generateToken();
                saveUsers($users);
                
                // <?php echo t('No enviar la password'); ?>
                $responseUser = $user;
                unset($responseUser['password']);
                
                http_response_code(200);
                echo json_encode(['user' => $responseUser]);
                exit;
            }
        }
    }
    
    http_response_code(401);
    echo json_encode(['error' => 'Credenciales incorrectas']);
    exit;
}

// <?php echo t('OBTENER USUARIO (requiere autenticación)'); ?>
if ($path === '/api/3/user' && $method === 'GET') {
    $headers = getallheaders();
    $authHeader = $headers['Authorization'] ?? '';
    
    if (empty($authHeader) || !preg_match('/Bearer\\s+(.*)$/i', $authHeader, $matches)) {
        http_response_code(401);
        echo json_encode(['error' => 'Token no proporcionado']);
        exit;
    }
    
    $token = $matches[1];
    $users = getUsers();
    
    foreach ($users as $user) {
        if (isset($user['token']) && $user['token'] === $token) {
            unset($user['password']);
            unset($user['token']);
            
            http_response_code(200);
            echo json_encode($user);
            exit;
        }
    }
    
    http_response_code(401);
    echo json_encode(['error' => 'Token inválido']);
    exit;
}

// Ruta no encontrada
http_response_code(404);
echo json_encode(['error' => 'Endpoint no encontrado']);

🔌 Cliente Extension - Cliente.php

<?php
namespace FacturaScripts\Plugins\ReparacionesRK\Extension\Model;
use FacturaScripts\Core\Model\Apikey;
use FacturaScripts\Core\Tools;
use FacturaScripts\Core\Where;
use Closure;

class Cliente
{
    public function saveInsert(): Closure
    {       
        return function() {
            if (empty($this->password)) {
                return;
            }
            
            $apikey = new ApiKey();
            $apikey->dni = $this->cifnif;
            $apikey->description = $this->email;
            $apikey->fullaccess = true;
            $apikey->apikey = $this->password;
            
            if ($apikey->save()) {
                Tools::log()->info('API Key creada para cliente: ' . $this->codcliente);
            } else {
                Tools::log()->error('Error creando API Key para cliente: ' . $this->codcliente);
            }
        };
    }

    public function saveUpdate(): Closure
    {
        return function() {
            if (empty($this->password)) {
                return;
            }
            
            // <?php echo t('Buscar API Key existente por descripción (email)'); ?>
            $apikey = new ApiKey();
            $where = [
                Where::eq('description', $this->email)
            ];
            
            $existingKeys = $apikey->all($where);
            
            if (!empty($existingKeys)) {
                // <?php echo t('Actualizar todas las API Keys encontradas'); ?>
                foreach ($existingKeys as $key) {
                    $key->apikey = $this->password;
                    if ($key->save()) {
                        Tools::log()->info('API Key actualizada para cliente: ' . $this->codcliente . ' (ID: ' . $key->id . ')');
                    } else {
                        Tools::log()->error('Error actualizando API Key ID: ' . $key->id . ' para cliente: ' . $this->codcliente);
                    }
                }
            } else {
                // <?php echo t('Si no existe, crear una nueva'); ?>
                $newApikey = new ApiKey();
                $newApikey->description = $this->email;
                $newApikey->fullaccess = true;
                $newApikey->apikey = $this->password;
                
                if ($newApikey->save()) {
                    Tools::log()->info('API Key creada para cliente existente: ' . $this->codcliente);
                } else {
                    Tools::log()->error('Error creando API Key para cliente existente: ' . $this->codcliente);
                }
            }
        };
    }
}

Log In

Recover password

Create Account

📱 What is this system?

Complete Authentication System

System Architecture

📁 Project Structure

🔍 Explore the Components

Entry Point

API Configuration

Model User

Auth Service

Login Screen

Registration Screen

Home Screen

PHP Backend

Cliente Extension

Init Plugin

Config Plugin

🔄 How It Works

1️⃣ User Registration

2️⃣ User Login

3️⃣ Integration with FacturaScripts

🔧 Detailed Technical Explanation

🎯 Service Layer Pattern

🔐 Token Management

🏗️ Model Extension

🔗 How Flutter and FacturaScripts Connect

Crear Cliente en FacturaScripts

Plugin Genera API Key

Usuario Login en App

App Accesses FacturaScripts

📋 Requirements and Dependencies

Flutter (pubspec.yaml)

PHP Backend

FacturaScripts

✅ Best Practices Implemented

🛡️ Security

🎨 UX/UI

🏗️ Architecture

🔧 Common Troubleshooting

❌ CORS Error

🔐 API Key isn't created

📱 App doesn't connect

🔑 Token invalid

🚀 Suggested Improvements

1. Session Persistence

2. State Management

3. Real Database

4. Advanced Security

🚀 Entry Point - main.dart

📖 Explicación

⚙️ API Configuration - api_config.dart

📖 Explicación

👤 Model User - user.dart

📖 Explicación

🔐 Authentication Service - auth_service.dart

📖 Explicación

🔑 Login Screen - login_screen.dart

📖 Explicación

📝 Registration Screen - register_screen.dart

📖 Explicación

🏠 Home Screen - home_screen.dart

📖 Explicación

🖥️ Backend PHP - api.php

📖 Explicación

🔌 Cliente Extension - Cliente.php

📖 Explicación

⚡ Plugin Initialization - Init.php

📖 Explicación

📄 Plugin Configuration - facturascripts.ini

📖 Explicación