Code Monkey home page Code Monkey logo

api-flutter's Introduction

API-simples-e-flutter

Implementação de API simples feita com Node.js e usada em um aplicativo Flutter.

Versão em inglês

https://github.com/josepedroso/API-simples-e-flutter/blob/main/README_EN.md

Requisitos

(Os comandos são válidos para linux)

Neste arquivo está como instalar e configurar os requisitos, assim como quais são.

https://github.com/josepedroso/API-simples-e-flutter/blob/main/requisitos.md

API

  • Abra um terminal na pasta backend

  • Execute este comando para inicializar:

 npm init -y
  • Agora vamos instalar alguns pacotes necessários:
 npm install express mongoose morgan cors faker
  • O Mongodb:
 sudo service mongodb start
  • Vamos inicializar agora(manter rodando no terminal):
 node src/index.js

alt text

Você pode começar a brincar com a API agora

alt text

Flutter App

O backend está funcionando então bora para o App.

Crie um projeto Flutter dentro da pasta do repositório.

 flutter create (nome)
  • Abra o projeto no VSCode

  • Apague o arquivo da pasta test

  • Limpe o arquivo main.dart na pasta lib e coloque o main.dart do repositório no lugar.

Vá até pubspec.yaml e insira http: any no mesmo local da imagem

alt text

Agora em main.dart

 getUsers() async {
    http.Response response = await http.get(
        'http://192.168.15.12:4000/api/users'); //acesso servidor local
    data = json.decode(response.body);
    setState(() {
      usersData = data['users'];
    });
  }

No lugar do IP devemos trocar conforme a disponibilidade de device, assim usando o identificador do emulador ou o IP da rede(no caso de um device físico ou Flutter Web).

O IP da rede pode ser obtido com

 ifconfig

Após isso eh apenas aplicar o comando no terminal(pode demorar um tempo)

 Flutter run -d (nomedodevice)

Prontinho!!

alt text

Créditos

O código foi escrito graças o tutorial do youtuber FaztCode.

Link do video que explica de maneira mais detalhada o codigo https://www.youtube.com/watch?v=SBDI53ECgVk&list=WL&index=10&ab_channel=FaztCode

api-flutter's People

Contributors

josepedroso avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.