Django encontra Flutter: integrando o back-end e o front-end para o desenvolvimento de aplicativos sem esforço

No mundo de hoje, os aplicativos móveis são uma necessidade para todos os negócios. Flutter e Django são dois frameworks populares usados ​​para desenvolvimento de aplicativos. O Flutter é um kit de ferramentas de interface do usuário de código aberto para criar aplicativos bonitos e compilados nativamente para dispositivos móveis, Web e desktop a partir de uma única base de código.

Django é um framework web Python de alto nível que permite o desenvolvimento rápido de sites e aplicativos web seguros e de fácil manutenção.

Explorando a importância do Django e do Flutter no desenvolvimento de aplicativos

Django é baseado em o padrão de arquitetura Model-View-Controller (MVC) e segue o princípio Don’t Repeat Yourself (DRY), que garante a reutilização do código e reduz a redundância.

Você pode usar Flutter 3.7, lançado em fevereiro de 2023, para criar belos aplicativos compilados nativamente para dispositivos móveis, Web e desktop a partir de uma única base de código. O Flutter usa a linguagem de programação Dart, que é rápida, moderna e otimizada para desenvolvimento móvel.

A combinação dos poderosos recursos do Django e do Flutter no desenvolvimento de aplicativos pode resultar em processos de desenvolvimento, redundância reduzida e ótima experiência do usuário devido à complementaridade dos frameworks forças.

As limitações da integração do Django com o Flutter

As limitações da integração do Django e do Flutter podem incluir problemas de compatibilidade, maior complexidade no desenvolvimento e uma potencial curva de aprendizado para desenvolvedores não familiarizados com ambos os frameworks.

Embora Django e Flutter tenham uma comunidade grande e ativa, a integração entre eles ainda está em seus estágios iniciais, então os desenvolvedores podem enfrentar desafios na busca de soluções para problemas específicos.

Como integrar Django com Flutter

A primeira seção orienta você na configuração do seu projeto Django e a segunda na configuração do flutter.

1. Configure seu projeto Django

Você pode construir uma API REST usando o framework Django REST. Comece criando um ambiente virtual e instalando o Django:

pip instalar django

Em seguida, instale a estrutura Django REST, um kit de ferramentas poderoso e flexível para criar APIs:

pip install django-rest-framework

O programa pip deve produzir uma saída informando que a instalação foi bem-sucedida:

Termine criando um novo projeto usando a interface de linha de comando (CLI) do Django:

django-admin startproject myproject

2. Criar um aplicativo Django

Comece criando um novo aplicativo em seu projeto, usando a CLI do Django:

django-admin startapp api

Em seguida, defina os modelos Django em seu modelos.py arquivo para representar os dados em seu aplicativo. Em seguida, migre seus modelos para o banco de dados com o seguinte comando:

python manage.py makemigrations
python manage.py migrar

Continue criando visualizações Django em views.py para lidar com solicitações e respostas HTTP. Certifique-se de adicionar o seguinte em suas declarações de importação:

de rest_framework.decorators importar api_view, permission_classes

Isso se você estiver usando exibições de função e não exibições de classe. Para exibições de classe:

de rest_framework.views importar APIView

Para converter tipos de dados complexos em JSON ou XML, você pode definir serializadores no Django. Eles serializam dados em um formato que você pode facilmente transferir entre diferentes sistemas. Alternativamente, você pode usar o JsonResponseGenericName método na instrução de retorno para gerar diretamente uma resposta JSON.

de django.http importar JsonResponseGenericName

Em seguida, use-o em uma exibição conforme mostrado abaixo.

@api_view(['GET'])
@permission_classes((permissões. AllowAny,))
defgetRoutes(solicitar):
 rotas = [{
'Extremidade': '/homeapi/',
'método': 'PEGAR',
'corpo': {'corpo': ""},
'descrição': 'Retorna um dict de dados'
 }]
 visualização = APIView() 
 view.queryset = rotas 
retornar JsonResponse (rotas, seguro=Falso, estado=200)

Defina seus padrões de URL em urls.py:

de django.urls importar caminho
de. importar Visualizações
urlpadrões = [
 caminho('homeapigetroutes/', visualizações.getRoutes),
 caminho('homeapi/',views.home_page),
 caminho('homeapi/login/', views.login_page),
 caminho('homeapi/csrf/', views.getcsrftoken),
 caminho('homeapi/enviar formulário/', views.submit_form),
]

Esses são os URLs que você usará como endpoints no aplicativo Flutter. Se vocês são hospedando seu aplicativo Django no PythonAnywhere, basta recarregar seu aplicativo da web para ativar as APIs.

3. Criar um projeto Flutter

O Flutter CLI é fácil de usar e oferece uma ampla gama de comandos para gerenciamento eficiente de projetos.

Instalar o Flutter se você ainda não o tiver instalado. Para criar um novo projeto, execute este comando do terminal:

vibração criar meu_projeto

Adicione dependências para o pacote do gerenciador de cookies dio e dio ao seu pubspec.yaml arquivo:

Dio:^5.0.0dio_cookie_manager:^2.0.0

Dio é um pacote que fornece um cliente HTTP para fazer solicitações de API. dio_cookie_manager é um pacote adicional que funciona com dio para gerenciar cookies para essas solicitações.

Criar um api.dart para atribuir variáveis ​​aos endpoints rest do 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/';

Você pode então usar seus endpoints realizando solicitações POST, GET, PUT ou DELETE, dependendo de suas necessidades. Certifique-se de importar seu arquivo api.dart.

Se, por exemplo, você quiser obter dados de um endpoint chamado dataUrl:

var resposta = aguardam dio.get (dataUrl);

Para exibir dados em seu aplicativo Flutter, você pode usar widgets e envolvê-los com um Futuro que recupera os dados de um endpoint. A lista widget é uma das opções que você pode considerar para exibir os dados. Execute seu aplicativo flutter no modo de depuração executando o seguinte comando no diretório em que seu projeto está localizado.

corrida flutuante

O Flutter informará que foi iniciado no modo de depuração:

Você pode monitorar as solicitações feitas à API nos logs do servidor Django.

O futuro da integração de Django e Flutter no desenvolvimento de aplicativos

A integração do Django e do Flutter oferece muitos benefícios para o desenvolvimento de aplicativos, incluindo desenvolvimento mais rápido, reutilização de código, melhor desempenho e experiência do usuário aprimorada.

À medida que a integração entre Django e Flutter continua a evoluir, podemos esperar ver recursos mais avançados recursos e melhor suporte da comunidade, tornando ainda mais fácil para os desenvolvedores criar dispositivos móveis de alta qualidade aplicativos.