Django Meets Flutter: Integrering av backend og frontend for uanstrengt apputvikling

I dagens verden er mobilapper en nødvendighet for enhver bedrift. Flutter og Django er to populære rammeverk som brukes til apputvikling. Flutter er en åpen kildekode UI-verktøykasse for å bygge vakre, naturlig kompilerte applikasjoner for mobil, nett og skrivebord fra en enkelt kodebase.

Django er et Python-nettrammeverk på høyt nivå som muliggjør rask utvikling av sikre og vedlikeholdbare nettsteder og nettapplikasjoner.

Utforsk betydningen av Django og Flutter i apputvikling

Django er basert på det arkitektoniske mønsteret Model-View-Controller (MVC). og følger Don’t Repeat Yourself (DRY)-prinsippet, som sikrer gjenbruk av kode og reduserer redundans.

Du kan bruke Flutter 3.7, utgitt i februar 2023, å bygge vakre, naturlig kompilerte applikasjoner for mobil, nett og skrivebord fra én enkelt kodebase. Flutter bruker programmeringsspråket Dart, som er raskt, moderne og optimalisert for mobilutvikling.

Å kombinere de kraftige funksjonene til Django og Flutter i apputvikling kan resultere i effektiv utviklingsprosesser, redusert redundans og optimal brukeropplevelse på grunn av rammeverkets komplementære styrker.

Begrensningene ved å integrere Django med Flutter

Begrensninger ved å integrere Django og Flutter kan inkludere kompatibilitetsproblemer, økt kompleksitet i utviklingen og en potensiell læringskurve for utviklere som ikke er kjent med begge rammeverkene.

Selv om Django og Flutter har et stort og aktivt fellesskap, er integrasjonen mellom dem fortsatt i en tidlig fase, så utviklere kan møte utfordringer med å finne løsninger på spesifikke problemer.

Hvordan integrere Django med Flutter

Den første delen guider deg til å sette opp Django-prosjektet og den andre i å sette opp flutter.

1. Sett opp Django-prosjektet ditt

Du kan bygge et REST API ved å bruke Django REST-rammeverket. Start med å lage et virtuelt miljø og installere Django:

pip installer django

Installer deretter Django REST-rammeverket, et kraftig og fleksibelt verktøysett for å bygge APIer:

pip installer django-rest-framework

Pip-programmet skal produsere utdata som forteller deg at installasjonen har vært vellykket:

Avslutt ved å lage et nytt prosjekt ved å bruke Django kommandolinjegrensesnitt (CLI):

django-admin startproject myproject

2. Lag en Django-app

Begynn med å lage en ny app i prosjektet ditt ved å bruke Django CLI:

django-admin startapp-api

Deretter definerer du Django-modellene i din models.py fil for å representere dataene i appen din. Migrer deretter modellene dine til databasen med følgende kommando:

python manage.py makemigrasjoner
python manage.py migrere

Fortsett ved å lage Django-visninger i views.py for å håndtere HTTP-forespørsler og svar. Sørg for å legge til følgende i importerklæringene dine:

fra rest_framework.decorators import api_view, permission_classes

Det er hvis du bruker funksjonsvisninger og ikke klassevisninger. For klassevisninger:

fra rest_framework.views import APIView

For å konvertere komplekse datatyper til JSON eller XML, kan du definere serialiseringsprogrammer i Django. De serialiserer data i et format som du enkelt kan overføre mellom ulike systemer. Alternativt kan du bruke JsonResponse metode i retursetningen for å generere et JSON-svar direkte.

fra django.http import JsonResponse

Bruk den deretter i en visning som vist nedenfor.

@api_view(['GET'])
@permission_classes((tillatelser. Tillat alle,))
defgetRoutes(be om):
 ruter = [{
'Endepunkt': '/homeapi/',
'metode': 'FÅ',
'kropp': {'kropp': ""},
'beskrivelse': 'Returnerer et dikt av data'
 }]
 view = APIView() 
 view.queryset = ruter 
komme tilbake JsonResponse (ruter, safe=Falsk, status=200)

Definer url-mønstrene dine i urls.py:

fra django.urls import sti
fra. import visninger
urlpatterns = [
 sti('homeapigetroutes/', views.getRoutes),
 sti('homeapi/',views.home_page),
 sti('homeapi/login/', views.login_page),
 sti('homeapi/csrf/', views.getcsrftoken),
 sti('homeapi/submitform/', views.submit_form),
]

Dette er nettadressene du vil bruke som endepunkter i Flutter-applikasjonen. Hvis du er hosting av Django-appen din på PythonAnywhere, bare last inn nettappen på nytt for å aktivere API-ene.

3. Lag et Flutter-prosjekt

Flutter CLI er brukervennlig og tilbyr et bredt spekter av kommandoer for effektiv prosjektledelse.

Installer Flutter hvis du ikke allerede har det installert. For å opprette et nytt prosjekt, kjør denne terminalkommandoen:

flagre opprette mitt_prosjekt

Legg til avhengigheter for dio og dio cookie manager-pakken til din pubspec.yaml fil:

dio:^5.0.0dio_cookie_manager:^2.0.0

Dio er en pakke som gir en HTTP-klient for å lage API-forespørsler. dio_cookie_manager er en tilleggspakke som fungerer med dio for å administrere informasjonskapsler for disse forespørslene.

Opprett en api.dart fil for å tilordne variabler til Django hvile-endepunktene.

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

Du kan deretter bruke endepunktene dine ved å utføre POST-, GET-, PUT- eller DELETE-forespørsler, avhengig av dine behov. Sørg for å importere api.dart-filen.

Hvis du for eksempel ønsker å hente data fra et endepunkt kalt dataUrl:

var svar = avvente dio.get (dataUrl);

For å vise data i Flutter-appen din kan du bruke widgets og pakke dem inn med en Framtid som henter dataene fra et endepunkt. EN listetil widget er et av alternativene du kan vurdere for å vise dataene. Kjør flutter-appen din i feilsøkingsmodus ved å kjøre følgende kommando fra katalogen der prosjektet ditt ligger.

flagreløp

Flutter vil informere deg om at den er startet i feilsøkingsmodus:

Du kan deretter overvåke forespørsler til API-en i Django-serverloggene dine.

Fremtiden til Django og Flutter-integrering i apputvikling

Å integrere Django og Flutter gir mange fordeler for apputvikling, inkludert raskere utvikling, gjenbrukbarhet av kode, bedre ytelse og forbedret brukeropplevelse.

Ettersom integrasjonen mellom Django og Flutter fortsetter å utvikle seg, kan vi forvente å se mer avansert funksjoner og bedre fellesskapsstøtte, noe som gjør det enda enklere for utviklere å lage mobil av høy kvalitet apper.