DEV Community

Ushieru Kokoran
Ushieru Kokoran

Posted on

Dart - From scratch to deploy 🚀

Empecemos ✨

Creemos el proyecto desde 0.

Si tienes configurado Flutter, dart ya debería estar en tu PATH también.

$ dart create server
Enter fullscreen mode Exit fullscreen mode

Obtendrás algo como esto:

void main(List<String> arguments) {
  print('Hello world!');
}
Enter fullscreen mode Exit fullscreen mode

Para este proyecto usaremos el poderoso server de Shelf.

$ dart pub add shelf
Enter fullscreen mode Exit fullscreen mode

Agreguemos algo de código:

import 'package:shelf/shelf.dart';
import 'package:shelf/shelf_io.dart' as shelf_io;

void main() async {
  var server = await shelf_io.serve(
      (Request request) => Response.ok('Hello World!'), '0.0.0.0', 8080);

  print('Serving at http://${server.address.host}:${server.port}');
}
Enter fullscreen mode Exit fullscreen mode

Entramos a localhost:8080:
Image description

Preparemos Docker

Esto no es un tutorial de docker así que no me detendré a explicarlo, eso daría para una serie de publicaciones 🤷‍♂️

Dockerfile

FROM dart:stable AS build
WORKDIR /app
COPY pubspec.* ./
RUN dart pub get
COPY . .
RUN dart pub get --offline
RUN dart compile exe bin/server.dart -o bin/server
FROM scratch
COPY --from=build /runtime/ /
COPY --from=build /app/bin/server /app/bin/
CMD ["/app/bin/server"]
Enter fullscreen mode Exit fullscreen mode

.dockerignore

.dockerignore
resources
CHANGELOG.md
LICENSE
README.md
Dockerfile
build/
.dart_tool/
.git/
.github/
.gitignore
.packages
Enter fullscreen mode Exit fullscreen mode

docker-compose.yml

version: '3'
services:
  dart-server:
    build: .
    ports:
      - "8080:8080"
Enter fullscreen mode Exit fullscreen mode

Vamos a probarlo 🐛

$ docker compose up
Enter fullscreen mode Exit fullscreen mode

Probamos de nuevo localhost:8080 y todo normal.

Preparativos 👩‍🚀👨‍🚀

Para esto usaremos Github y Railway (Por qué son excelentes herramientas y son gratis).

Railway nos dará un puerto para nuestra aplicación así que hay que hacer ese cambio.

  • Actualizamos nuestro código.
import 'dart:io';

import 'package:shelf/shelf.dart';
import 'package:shelf/shelf_io.dart' as shelf_io;

void main() async {
  var port = int.tryParse(Platform.environment['PORT'] ?? '') ?? 8080;
  var server = await shelf_io.serve(
      (Request request) => Response.ok('Hello World!'), '0.0.0.0', port);

  print('Serving at http://${server.address.host}:${server.port}');
}
Enter fullscreen mode Exit fullscreen mode
  • Lo subimos a Github.
  • Inicializamos un nuevo proyecto con Github en Railway.
    Image description

  • Elegimos el repositorio, Railway detectara nuestro Dockerfile y empezara a armarlo.
    Image description

  • Al terminar nos imprimirá el log de nuestra aplicación y nos dará un URL.
    Image description

Y listo 🚀🚀

Estamos online.

Te gusto la practica? intentamos con otro lenguaje?
Cuéntame en los comentarios y Happy Hacking 🧑‍💻🎉

Discussion (0)