Inicio » Cursos » Flutter y Laravel Tienda Delivery

Planteamiento y herramientas

BackEnd Administración

FrontEnd página web

Servicios web API Rest

  • 26.Integrar Json Web Tokens
  • 27.Autenticación con JWT
  • 28.Enviar Productos en JSON
  • 29.Recibir pedidos en Laravel

Desarrollo del aplicativo

Bonus

  • 53.SEO Onpage en Laravel
  • 54.Maquetación FrontEnd
  • 55.Diseño en Flutter

Curso Flutter y Laravel Tienda Delivery

Lección: 33 ➜ Implementación del Servicio Web (API)

Para crear un Servicio Web que procese las operaciones de lectura y escritura con métodos post y get enlazamos a la Api Laravel para ello creamos una clase

Lección 33: Implementación del Servicio Web (API)

Toda aplicación móvil que necesita obtener datos de un servidor web debe conectarse a este y realizar los procesos necesarios. En este escenario nos ayuda una arquitectura llamada API Res o Servicios Web. La cual puede ser implementanda muy fácilmente con Laravel.

Pero que pasa si queremos usarla desde Flutter. Pues es simple debemos crear una estructura que permite resolver la lectura de datos JSON y permitirnos parsearlo para poder usarlo correctamente.

DIcho hecho vamos a crear nuestro archivo de servicio. 

Código completo de api/Api.dart

import 'dart:convert';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:http/http.dart' as http;

class ServicioApi{

  final String _url = "http://arequipalocal.com/api/";

  postData(data, apiUrl) async {
    var _fullUrl = _url+apiUrl + await _getToken();
    return await http.post(
      _fullUrl,
      body: jsonEncode(data),
      headers:_setHeaders()
    );
  }

  getData(apiUrl) async {
    var _fullUrl = _url+apiUrl + await _getToken();
    return await http.get(
        _fullUrl,
        headers:_setHeaders()
    );
  }

  _getToken() async{
    SharedPreferences _sesion = await SharedPreferences.getInstance();
    var _token  = _sesion.getString('token');
    return '?token=$_token';
  }

  _setHeaders() => {
    'Content-type' : 'application/json',
    'Accept':'application/json'
  };
}

 


2033 visitas

Descarga el código del proyecto

Descarga el código fuente del proyecto adquiriendo el curso completo

Descargar ahora

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023