Tích hợp Backend và Frontend để phát triển ứng dụng dễ dàng
Trong thế giới ngày nay, các ứng dụng dành cho thiết bị di động là một điều cần thiết cho mọi doanh nghiệp. Flutter và Django là hai framework phổ biến được sử dụng để phát triển ứng dụng. Flutter là bộ công cụ giao diện người dùng mã nguồn mở để xây dựng các ứng dụng được biên dịch nguyên bản, đẹp mắt cho thiết bị di động, web và máy tính để bàn từ một cơ sở mã duy nhất.
Django là một khung web Python cấp cao cho phép phát triển nhanh chóng các trang web và ứng dụng web an toàn và có thể bảo trì.
Mục Lục
Khám phá tầm quan trọng của Django và Flutter trong phát triển ứng dụng
Django dựa trên mẫu kiến trúc Model-View-Controller (MVC) và tuân theo nguyên tắc Don’t Repeat Yourself (DRY), đảm bảo khả năng sử dụng lại mã và giảm dư thừa.
Bạn có thể sử dụng Flutter 3.7, được phát hành vào tháng 2 năm 2023, để xây dựng các ứng dụng đẹp mắt, được biên dịch nguyên bản cho thiết bị di động, web và máy tính để bàn từ một cơ sở mã duy nhất. Flutter sử dụng ngôn ngữ lập trình Dart, nhanh, hiện đại và được tối ưu hóa để phát triển di động.
Việc kết hợp các tính năng mạnh mẽ của Django và Flutter trong quá trình phát triển ứng dụng có thể dẫn đến quy trình phát triển hiệu quả, giảm sự dư thừa và trải nghiệm người dùng tối ưu nhờ các điểm mạnh bổ sung của khung.
Những hạn chế của việc tích hợp Django với Flutter
Các hạn chế của việc tích hợp Django và Flutter có thể bao gồm các vấn đề về khả năng tương thích, tăng độ phức tạp trong quá trình phát triển và đường cong học tập tiềm năng cho các nhà phát triển chưa quen với cả hai khung.
Mặc dù Django và Flutter có một cộng đồng lớn và tích cực, nhưng quá trình tích hợp giữa chúng vẫn đang ở giai đoạn đầu, vì vậy các nhà phát triển có thể gặp phải những thách thức trong việc tìm giải pháp cho các vấn đề cụ thể.
Cách tích hợp Django với Flutter
Phần đầu tiên hướng dẫn bạn thiết lập dự án Django của bạn và phần thứ hai hướng dẫn thiết lập rung.
1. Thiết lập dự án Django của bạn
Bạn có thể tạo API REST bằng khung Django REST. Bắt đầu bằng cách tạo một môi trường ảo và cài đặt Django:
pip install django
Sau đó cài đặt khung Django REST, bộ công cụ mạnh mẽ và linh hoạt để xây dựng API:
pip install django-rest-framework
Chương trình pip sẽ tạo ra kết quả cho bạn biết rằng quá trình cài đặt đã thành công:
Kết thúc bằng cách tạo một dự án mới bằng giao diện dòng lệnh Django (CLI):
django-admin startproject myproject
2. Tạo ứng dụng Django
Bắt đầu bằng cách tạo một ứng dụng mới trong dự án của bạn, sử dụng Django CLI:
django-admin startapp api
Tiếp theo, xác định các mô hình Django trong của bạn mô hình.py tệp để thể hiện dữ liệu trong ứng dụng của bạn. Sau đó di chuyển các mô hình của bạn sang cơ sở dữ liệu bằng lệnh sau:
python manage.py makemigrations
python manage.py migrate
Tiếp tục bằng cách tạo chế độ xem Django trong lượt xem.py để xử lý các yêu cầu và phản hồi HTTP. Đảm bảo thêm các mục sau vào báo cáo nhập khẩu của bạn:
from rest_framework.decorators import api_view, permission_classes
Đó là nếu bạn đang sử dụng chế độ xem chức năng chứ không phải chế độ xem lớp. Đối với chế độ xem lớp:
from rest_framework.views import APIView
Để chuyển đổi các loại dữ liệu phức tạp thành JSON hoặc XML, bạn có thể xác định bộ tuần tự hóa trong Django. Chúng tuần tự hóa dữ liệu theo định dạng mà bạn có thể dễ dàng chuyển giữa các hệ thống khác nhau. Ngoài ra, bạn có thể sử dụng JsonResponse trong câu lệnh return để trực tiếp tạo phản hồi JSON.
from django.http import JsonResponse
Sau đó sử dụng nó trong một khung nhìn như hình bên dưới.
@api_view(['GET'])
@permission_classes((permissions.AllowAny,))
def getRoutes(request):
routes = [{
'Endpoint': '/homeapi/',
'method': 'GET',
'body': {'body': ""},
'description': 'Returns a dict of data'
}] view = APIView()
view.queryset = routes
return JsonResponse(routes, safe=False, status=200)
Xác định các mẫu url của bạn trong url.py:
from django.urls import path
from . import viewsurlpatterns = [
path('homeapigetroutes/', views.getRoutes),
path('homeapi/',views.home_page),
path('homeapi/login/', views.login_page),
path('homeapi/csrf/', views.getcsrftoken),
path('homeapi/submitform/', views.submit_form),
]
Đây là những url mà bạn sẽ sử dụng làm điểm cuối trong ứng dụng Flutter. Nếu bạn đang lưu trữ ứng dụng Django của mình trên PythonAnywhere, chỉ cần tải lại ứng dụng web của bạn để kích hoạt API.
3. Tạo một dự án Flutter
Flutter CLI thân thiện với người dùng và cung cấp nhiều lệnh để quản lý dự án hiệu quả.
Cài đặt Flutter nếu bạn chưa cài đặt nó. Để tạo một dự án mới, hãy chạy lệnh đầu cuối này:
flutter create my_project
Thêm các phụ thuộc cho gói trình quản lý cookie dio và dio vào của bạn pubspec.yaml tài liệu:
dio: ^5.0.0dio_cookie_manager: ^2.0.0
Dio là gói cung cấp ứng dụng khách HTTP để thực hiện các yêu cầu API. dio_cookie_manager là gói bổ sung hoạt động với dio để quản lý cookie cho các yêu cầu đó.
Tạo ra một api.dart tệp để gán các biến cho các điểm cuối phần còn lại của Django.
const loginUrl = 'https://test.pythonanywhere.com/api/homeapi/login/';
const csrfurl = 'https://test.pythonanywhere.com/api/homeapi/csrf/';
const dataUrl = 'https://test.pythonanywhere.com/api/homeapi/';
const noteUrl = 'https://test.pythonanywhere.com/api/homeapi/submitform/';
Sau đó, bạn có thể sử dụng các điểm cuối của mình bằng cách thực hiện các yêu cầu POST, GET, PUT hoặc DELETE, tùy thuộc vào nhu cầu của bạn. Đảm bảo nhập tệp api.dart của bạn.
Ví dụ: nếu bạn muốn lấy dữ liệu từ một điểm cuối có tên dataUrl:
var response = await dio.get(dataUrl);
Để hiển thị dữ liệu trong ứng dụng Flutter của bạn, bạn có thể sử dụng các widget và bọc chúng bằng một Tương lai lấy dữ liệu từ một điểm cuối. MỘT liệt kê widget là một trong những tùy chọn bạn có thể xem xét để hiển thị dữ liệu. Chạy ứng dụng rung của bạn ở chế độ gỡ lỗi bằng cách chạy lệnh sau từ thư mục chứa dự án của bạn.
flutter run
Flutter sẽ thông báo cho bạn rằng nó đã bắt đầu ở chế độ gỡ lỗi:
Sau đó, bạn có thể theo dõi các yêu cầu được gửi tới API trong nhật ký máy chủ Django của mình.
Tương lai của tích hợp Django và Flutter trong phát triển ứng dụng
Việc tích hợp Django và Flutter mang lại nhiều lợi ích cho việc phát triển ứng dụng, bao gồm phát triển nhanh hơn, khả năng sử dụng lại mã, hiệu suất tốt hơn và trải nghiệm người dùng nâng cao.
Khi sự tích hợp giữa Django và Flutter tiếp tục phát triển, chúng ta có thể mong đợi thấy nhiều tính năng nâng cao hơn và hỗ trợ cộng đồng tốt hơn, giúp các nhà phát triển tạo ứng dụng di động chất lượng cao thậm chí còn dễ dàng hơn.