Django incontra Flutter: integrazione del back-end e del front-end per lo sviluppo di app senza sforzo

Nel mondo di oggi, le app mobili sono una necessità per ogni azienda. Flutter e Django sono due framework popolari utilizzati per lo sviluppo di app. Flutter è un toolkit UI open source per la creazione di bellissime applicazioni compilate in modo nativo per dispositivi mobili, Web e desktop da un'unica base di codice.

Django è un framework Web Python di alto livello che consente il rapido sviluppo di siti Web e applicazioni Web sicuri e gestibili.

Esplorare il significato di Django e Flutter nello sviluppo di app

Django è basato su il modello architettonico Model-View-Controller (MVC). e segue il principio Don't Repeat Yourself (DRY), che garantisce la riusabilità del codice e riduce la ridondanza.

Puoi usare Flutter 3.7, rilasciato nel febbraio 2023, per creare bellissime applicazioni compilate in modo nativo per dispositivi mobili, Web e desktop da un'unica base di codice. Flutter utilizza il linguaggio di programmazione Dart, che è veloce, moderno e ottimizzato per lo sviluppo mobile.

La combinazione delle potenti funzionalità di Django e Flutter nello sviluppo di app può risultare efficiente processi di sviluppo, ridondanza ridotta ed esperienza utente ottimale grazie alla complementarità dei framework punti di forza.

I limiti dell'integrazione di Django con Flutter

Le limitazioni dell'integrazione di Django e Flutter possono includere problemi di compatibilità, maggiore complessità nello sviluppo e una potenziale curva di apprendimento per gli sviluppatori che non hanno familiarità con entrambi i framework.

Sebbene Django e Flutter abbiano una community ampia e attiva, l'integrazione tra loro è ancora nelle sue fasi iniziali, quindi gli sviluppatori potrebbero incontrare difficoltà nel trovare soluzioni a problemi specifici.

Come integrare Django con Flutter

La prima sezione ti guida verso l'impostazione del tuo progetto Django e la seconda nell'impostazione di flutter.

1. Imposta il tuo progetto Django

Puoi creare un'API REST utilizzando il framework Django REST. Inizia creando un ambiente virtuale e installando Django:

pip installa django

Quindi installa il framework Django REST, un toolkit potente e flessibile per la creazione di API:

pip install django-rest-framework

Il programma pip dovrebbe produrre un output che ti dice che l'installazione è andata a buon fine:

Termina creando un nuovo progetto utilizzando l'interfaccia della riga di comando (CLI) di Django:

django-admin startproject mioprogetto

2. Crea un'app Django

Inizia creando una nuova app all'interno del tuo progetto, utilizzando la CLI di Django:

django-admin startapp api

Successivamente, definisci i modelli Django nel tuo file modelli.py file per rappresentare i dati nella tua app. Quindi migra i tuoi modelli nel database con il seguente comando:

python manage.py makemigrations
python manage.py migrare

Continua creando viste Django in viste.py per gestire richieste e risposte HTTP. Assicurati di aggiungere quanto segue nelle dichiarazioni di importazione:

da rest_framework.decorators importare api_view, permission_classes

Questo se stai utilizzando le visualizzazioni delle funzioni e non le visualizzazioni delle classi. Per le visualizzazioni di classe:

da rest_framework.views importare APIView

Per convertire tipi di dati complessi in JSON o XML, puoi definire i serializzatori in Django. Serializzano i dati in un formato facilmente trasferibile tra sistemi diversi. In alternativa, puoi utilizzare il Risposta Json metodo nell'istruzione return per generare direttamente una risposta JSON.

da django.http importare Risposta Json

Quindi usalo in una vista come mostrato di seguito.

@api_view(['GET'])
@permission_classes((autorizzazioni. ConsentiQualsiasi,))
defgetRoutes(richiesta):
 rotte = [{
'Punto finale': '/homeapi/',
'metodo': 'OTTENERE',
'corpo': {'corpo': ""},
'descrizione': 'Restituisce un dict di dati'
 }]
 vista = APIVista() 
 view.queryset = rotte 
ritorno JsonResponse (percorsi, safe=Falso, stato=200)

Definisci i tuoi pattern URL in URL.py:

da django.urls importare sentiero
da. importare visualizzazioni
schemi URL = [
 sentiero('homeapigetrout/', views.getRoutes),
 sentiero('homeapi/',views.home_page),
 sentiero('homeapi/login/', views.login_page),
 sentiero('homeapi/csrf/', views.getcsrftoken),
 sentiero('homeapi/invia modulo/', views.submit_form),
]

Questi sono gli URL che utilizzerai come endpoint nell'applicazione Flutter. Se tu sei ospitare la tua app Django su PythonAnywhere, è sufficiente ricaricare l'app Web per attivare le API.

3. Crea un progetto Flutter

La CLI di Flutter è intuitiva e offre un'ampia gamma di comandi per una gestione efficiente dei progetti.

Installa Flutter se non l'hai già installato. Per creare un nuovo progetto, esegui questo comando da terminale:

flutter crea il mio_progetto

Aggiungi le dipendenze per il pacchetto dio e dio cookie manager al tuo file pubspec.yaml file:

Dio:^5.0.0dio_cookie_manager:^2.0.0

Dio è un pacchetto che fornisce un client HTTP per effettuare richieste API. dio_cookie_manager è un pacchetto aggiuntivo che funziona con dio per gestire i cookie per tali richieste.

Creare un api.dart file per assegnare variabili agli endpoint di riposo di Django.

cost loginUrl = ' https://test.pythonanywhere.com/api/homeapi/login/';
cost csrfurl = ' https://test.pythonanywhere.com/api/homeapi/csrf/';
cost dataUrl = ' https://test.pythonanywhere.com/api/homeapi/';
cost noteUrl = ' https://test.pythonanywhere.com/api/homeapi/submitform/';

Puoi quindi utilizzare i tuoi endpoint eseguendo richieste POST, GET, PUT o DELETE, a seconda delle tue esigenze. Assicurati di importare il file api.dart.

Se, ad esempio, desideri ottenere dati da un endpoint denominato dataUrl:

var risposta = aspetta dio.get (dataUrl);

Per visualizzare i dati nella tua app Flutter, puoi utilizzare i widget e avvolgerli con un file Futuro che recupera i dati da un endpoint. UN listtile widget è una delle opzioni che potresti prendere in considerazione per visualizzare i dati. Esegui la tua app flutter in modalità debug eseguendo il seguente comando dalla directory in cui si trova il tuo progetto.

corsa svolazzante

Flutter ti informerà che è stato avviato in modalità debug:

Puoi quindi monitorare le richieste fatte all'API nei log del tuo server Django.

Il futuro dell'integrazione di Django e Flutter nello sviluppo di app

L'integrazione di Django e Flutter offre molti vantaggi per lo sviluppo di app, tra cui uno sviluppo più rapido, la riusabilità del codice, migliori prestazioni e una migliore esperienza utente.

Man mano che l'integrazione tra Django e Flutter continua ad evolversi, possiamo aspettarci di vedere qualcosa di più avanzato funzionalità e un migliore supporto della community, rendendo ancora più facile per gli sviluppatori creare dispositivi mobili di alta qualità app.