Usprawnij swój proces programowania dzięki mocy tych dwóch uzupełniających się platform.

W dzisiejszym świecie aplikacje mobilne są koniecznością dla każdej firmy. Flutter i Django to dwa popularne frameworki używane do tworzenia aplikacji. Flutter to zestaw narzędzi interfejsu użytkownika typu open source do tworzenia pięknych, natywnie skompilowanych aplikacji dla urządzeń mobilnych, sieci i komputerów stacjonarnych z jednej bazy kodu.

Django to wysokopoziomowy framework sieciowy Pythona, który umożliwia szybkie tworzenie bezpiecznych i łatwych w utrzymaniu stron internetowych i aplikacji internetowych.

Odkrywanie znaczenia Django i Flutter w tworzeniu aplikacji

Django jest oparte na wzorca architektonicznego Model-View-Controller (MVC). i przestrzega zasady Don’t Repeat Yourself (DRY), która zapewnia możliwość ponownego użycia kodu i zmniejsza redundancję.

Możesz użyć Flutter 3.7, wydany w lutym 2023 roku, do tworzenia pięknych, natywnie skompilowanych aplikacji dla urządzeń mobilnych, sieci Web i komputerów stacjonarnych z jednej bazy kodu. Flutter używa języka programowania Dart, który jest szybki, nowoczesny i zoptymalizowany pod kątem programowania mobilnego.

instagram viewer

Połączenie potężnych funkcji Django i Flutter w tworzeniu aplikacji może zaowocować wydajnością procesy programistyczne, zmniejszona redundancja i optymalne doświadczenie użytkownika dzięki komplementarności frameworków silne strony.

Ograniczenia integracji Django z Flutterem

Ograniczenia integracji Django i Fluttera mogą obejmować problemy ze zgodnością, zwiększoną złożoność w programowaniu i potencjalną krzywą uczenia się dla programistów niezaznajomionych z obydwoma frameworkami.

Chociaż Django i Flutter mają dużą i aktywną społeczność, integracja między nimi jest wciąż na wczesnym etapie, więc programiści mogą napotkać wyzwania w znalezieniu rozwiązań konkretnych problemów.

Jak zintegrować Django z Flutterem

Pierwsza sekcja poprowadzi Cię w kierunku skonfigurowania projektu Django, a druga w konfiguracji fluttera.

1. Skonfiguruj swój projekt Django

Możesz zbuduj REST API przy użyciu frameworka Django REST. Zacznij od stworzenia środowiska wirtualnego i instalacji Django:

pip zainstaluj django

Następnie zainstaluj platformę Django REST, potężny i elastyczny zestaw narzędzi do tworzenia interfejsów API:

pip zainstaluj django-rest-framework

Program pip powinien wygenerować dane wyjściowe informujące o pomyślnym zakończeniu instalacji:

Zakończ, tworząc nowy projekt za pomocą interfejsu wiersza poleceń Django (CLI):

django-admin startproject mój projekt

2. Utwórz aplikację Django

Rozpocznij od utworzenia nowej aplikacji w swoim projekcie, korzystając z Django CLI:

django-admin startapp api

Następnie zdefiniuj modele Django w swoim modele.py plik do reprezentowania danych w Twojej aplikacji. Następnie przeprowadź migrację modeli do bazy danych za pomocą następującego polecenia:

python Manage.py makemigrations
python Manage.py migracja

Kontynuuj, tworząc widoki Django w wyświetlenia.py do obsługi żądań i odpowiedzi HTTP. Pamiętaj, aby dodać następujące elementy do instrukcji importu:

z rest_framework.dekoratory import widok_api, klasy_uprawnień

Dzieje się tak, jeśli używasz widoków funkcji, a nie widoków klas. Widoki zajęć:

z rest_framework.views import Widok interfejsu API

Aby przekonwertować złożone typy danych na JSON lub XML, możesz zdefiniować serializatory w Django. Serializują dane w formacie, który można łatwo przenosić między różnymi systemami. Alternatywnie możesz użyć tzw JsonResponse metodę w instrukcji return, aby bezpośrednio wygenerować odpowiedź JSON.

z django.http import JsonResponse

Następnie użyj go w widoku pokazanym poniżej.

@api_view(['GET'])
@permission_classes((uprawnienia. Zezwalaj na dowolne))
pokgetRoutes(wniosek):
trasy = [{
„Punkt końcowy”: '/homeapi/',
'metoda': 'DOSTAWAĆ',
'ciało': {'ciało': ""},
'opis': „Zwraca dyktat danych”
}]

widok = APIWidok()
widok. zestaw zapytań = trasy
powrót JsonResponse (trasy, bezpieczne =FAŁSZ, status=200)

Zdefiniuj wzorce adresów URL w urls.py:

z django.adresy URL import ścieżka
z. import wyświetlenia

wzorce adresów URL = [
ścieżka(„homeapigetrautes/”, widoki. getRoutes),
ścieżka('homeapi/',widoki.strona_główna),
ścieżka('homeapi/login/', odsłony.strona_logowania),
ścieżka('homeapi/csrf/', views.getcsrftoken),
ścieżka(„homeapi/prześlij formularz/”, widoki.prześlij_formularz),
]

To są adresy URL, których będziesz używać jako punktów końcowych w aplikacji Flutter. Jeśli jesteś hosting Twojej aplikacji Django na PythonAnywhere, wystarczy ponownie załadować aplikację internetową, aby aktywować interfejsy API.

3. Utwórz projekt Flutter

Flutter CLI jest przyjazny dla użytkownika i oferuje szeroki zakres poleceń do efektywnego zarządzania projektami.

Zainstaluj Fluttera jeśli nie masz go jeszcze zainstalowanego. Aby utworzyć nowy projekt, uruchom to polecenie terminala:

trzepotanie utwórz my_project

Dodaj zależności dla pakietu dio i dio cookie manager do swojego pubspec.yaml plik:

di:^5.0.0dio_cookie_manager:^2.0.0

Dio to pakiet, który zapewnia klienta HTTP do wysyłania żądań API. dio_cookie_manager to dodatkowy pakiet, który współpracuje z dio w celu zarządzania plikami cookie dla tych żądań.

Stworzyć api.dart plik, aby przypisać zmienne do punktów końcowych reszty Django.

konst adres_logowania = ' 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 uwagaUrl = ' https://test.pythonanywhere.com/api/homeapi/submitform/';

Następnie możesz użyć swoich punktów końcowych, wykonując żądania POST, GET, PUT lub DELETE, w zależności od potrzeb. Pamiętaj, aby zaimportować plik api.dart.

Jeśli na przykład chcesz pobrać dane z punktu końcowego o nazwie dataUrl:

rozm odpowiedź = czekać na dio.get (dataUrl);

Aby wyświetlać dane w aplikacji Flutter, możesz użyć widżetów i opakować je w Przyszły który pobiera dane z punktu końcowego. A apatyczny widżet jest jedną z opcji, które możesz rozważyć, aby wyświetlić dane. Uruchom aplikację flutter w trybie debugowania, uruchamiając następujące polecenie z katalogu, w którym znajduje się Twój projekt.

bieg trzepotliwy

Flutter poinformuje Cię, że został uruchomiony w trybie debugowania:

Następnie możesz monitorować żądania wysyłane do API w dziennikach serwera Django.

Przyszłość integracji Django i Flutter w tworzeniu aplikacji

Integracja Django i Flutter oferuje wiele korzyści dla tworzenia aplikacji, w tym szybsze tworzenie, możliwość ponownego wykorzystania kodu, lepszą wydajność i lepsze wrażenia użytkownika.

Ponieważ integracja między Django i Flutterem wciąż ewoluuje, możemy spodziewać się bardziej zaawansowanych rozwiązań funkcje i lepsze wsparcie społeczności, co jeszcze bardziej ułatwia programistom tworzenie wysokiej jakości aplikacji mobilnych aplikacje.