Menú de navegaciónMenú
Categorías

La mejor forma de Aprender Programación online y en español www.campusmvp.es

?id=1336709d-0710-49c9-9eff-bcd475b75480

.NET y WebAssembly - ¿Es esto el futuro del Front-End?

Icono de advertencia ATENCIÓN: este contenido tiene más de 2 años de antigüedad y, debido a su temática, podría contener información desactualizada o inexacta en la actualidad.

Nota: este artículo es una traducción del original de Scott Hanselman, con su permiso.

Hace 6 años Erik Meijer y yo hablábamos de cómo JavaScript es/era una especie de lenguaje ensamblador. Se convirtió en un debate/discusión interesante (algunas personas realmente no compraban esta idea) pero yo seguí adelante con la idea. Actualmente el mundo de WebAssembly va viento en popa y es compatible con Chrome, Firefox, y está en desarrollo en Edge, Opera y Safari.

"La avalancha ya ha comenzado. Es demasiado tarde para que los guijarros voten". Embajador Kosh

Hoy, en 2017, WebAssembly es algo grande y puedes aprender sobre ello en http://webassembly.org. Incluso hice un podcast sobre WebAssembly con el compañero de Mozilla David Bryant (realmente deberías ver mi podcast, estoy muy orgulloso de él. Es bueno).

La clásica aplicación ToDo hecha con WebAssebly

La imagen anterior es de la presentación de Steve Sanderson en el NDC. Está programando la clásica aplicación de lado cliente con JavaScript para llevar una lista de tareas (ToDo)... con la salvedad de que está escribiendo el código en C#.

¿Qué es WebAssembly?

"Webassembly o WASM es un formato bytecode de bajo nivel para secuencias de comandos en el lado del cliente (el navegador), evolucionado desde JavaScript". Puedes compilar fácilmente a WebAssembly desde C y C++ hoy en día... y más lenguajes de programación se están subiendo al carro para incluir WebAssembly como objetivo de compilación cada día.

Puesto que trabajo en .NET de código abierto y como .NET Core 2.0 es multi-plataforma con una versión inminente, merece la pena explorar dónde encaja WebAssembly en el mundo .NET.

He aquí algunos proyectos que he identificado que ayudan a unir el mundo de .Net con el mundo de WebAssembly. Creo que esto va a ser la bomba en los próximos 18 meses.

WebAssembly para .NET

A pesar de su nombre tan general, este proyecto OSS está destinado a consumir archivos binarios WASM y ejecutarlos desde dentro de los ensamblados de .NET. Para ser claros, esto no compila lenguajes de .NET (C#, VB.NET, F #) a WebAssembly, esto es para usar WebAssembly como si fuera cualquier otra pieza de código compilado reutilizable. ¿Tienes un archivo WASM que realmente quieres llamar desde. NET? Esto es para eso.

Curiosamente, este proyecto no lanza un motor de JavaScript V8 o Chakra para ejecutar WASM, lo que hace es leer el bytecode y convertirlo a .NET a través de System.Reflection.Emit. ¡Muy curioso!

Mono y WebAssembly

Una de las grandes cosas que ocurren en el ecosistema .NET es que existe más de un ".NET" en la actualidad. En el pasado, .NET era una cosa que instalabas en Windows y que por regla general te daba miedo. Hoy, .NET 4.x+ está instalado prácticamente en todas las máquinas Windows del mundo, y tenemos .NET Core que se ejecuta en Docker, en Mac, en Windows, en una docena de sistemas Linux... incluso en Raspberry Pi, y Mono es otra instancia de .NET que permite ejecutar código .NET en docenas de otras plataformas. Existen múltiples "instancias de .NET" en desarrollo activo por ahí.

El proyecto MONO tiene dos prototipos utilizando MONO y WebAssembly.

El primero utiliza el modo de compilación estático completo tradicional de Mono. Este compiló tanto el runtime de Mono C y las bibliotecas de clase Mono junto con el código de usuario a código de WebAssembly. Genera una gran aplicación compilada estáticamente. Puedes probar este Hola Mundo completamente compilado estáticamente aquí. La compilación estática completa actualmente vive aquí.

Así que eso es un Hola Mundo totalmente compilado estáticamente... Es todo Mono y tu aplicación metida en WebAssembly. Tienen otro prototipo con una perspectiva diferente:

El segundo prototipo compila el runtime de Mono C en WebAssembly y, a continuación, utiliza el intérprete IL de Mono para ejecutar el código manejado. Esta es una descarga más pequeña, pero viene a expensas de rendimiento. El prototipo de ejecución de modo mixto actualmente vive aquí.

Aquí tienen mucho de Mono ejecutándose en el WebAssembly, pero tu código IL se interpreta. ¡Una de las maravillas de la informática -hay más de una forma de hacer las cosas, y a menudo cada una es impresionante a su manera!

"Blazor"-Framework experimental de UI ejecutando .NET en el navegador

Con una idea similar al segundo prototipo del proyecto Mono, Steve Sanderson tomó otra "instancia de .NET", el proyecto Open Source de 6 años de antigüedad DotNetAnywhere (DNA), y lo compiló en WebAssembly. DNA era un runtime interpretado de .NET escrito en C portable. Toma el estándar IL o CIL (lenguaje intermedio común) y lo ejecuta "en dispositivos con recursos limitados en los que no es posible ejecutar un runtime completo de .NET (por ejemplo, Mono)". Ingenioso, ¿no? ¿Qué "dispositivo con limitaciones de recursos tenemos seis años después?" Vaya, es la pequeña máquina virtual -la MV JavaScript que tu navegador ya tiene, ahora accionado por un formato bytecode estándar llamado WebAssembly.

Para comprobar el concepto, Steve compila DotNetAnywhere a WASM pero luego lo lleva más lejos. Ha combinado modelos de programación estándar que vemos en la web con cosas como Angular, Knockoutjs, o Ember excepto que en lugar de programar la UI de aplicaciones web en JavaScript, lo haces en C#- un lenguaje de programación .NET.

Aquí, en el medio de algunos fragmentos de Razor (básicamente HTML con C# inline), hace lo que parece una llamada a un backend. Esto es código en C#, pero se ejecuta como WASM en el lado del cliente dentro de una aplicación de Blazor:

@functions {
    WeatherForecast[] forecasts;

    override protected async Task InitAsync()
    {
        using (var client = new HttpClient())
        {
            var json = await client.GetStringAsync(AbsoluteUrl("/api/SampleData/WeatherForecasts"));
            forecasts = JsonUtil.Deserialize<WeatherForecast[]>(json);
        }
    }
}

Esto permitiría a un programador de .NET utilizar los mismos modelos de datos en el cliente y el servidor -muy parecido a un JavaScript bien factorizado hoy en día-, así como el uso de otras bibliotecas .NET con las que podrían estar familiarizados o sentirse cómodos.

¿Por qué hacer esta locura? "Para ver cómo de bien podría funcionar un framework semejante y comprobar cuánto le importaría a la gente." ¿Hasta dónde puede llegar esto? David Fowler ya tiene la depuración funcionando (repito de nuevo, TODO esto son prototipos) en Visual Studio Code. No hace falta que creas mi palabra, mira el vídeo en el que Steve presenta el concepto en la Conferencia NDC.

Blazor como prototipo ya tiene a muchas personas entusiasmadas, y recientemente se ha celebrado un hackthon de Blazer del que han salido unas muestras interesantes, incluyendo una aplicación completa.

¿Otras posibilidades?

Existen muchos otros proyectos que están compilando o transpilando cosas a JavaScript. ¿Se pueden modificar para soportar WebAssembly? Puedes coger F# y compilarlo a JavaScript con el Fable Project de F#, y algunas personas han preguntado acerca de WebAssembly.

En este punto está claro que todo el mundo está haciendo prototipos, hackeando cosas y disfrutando.

¿Qué opinas TÚ sobre WebAssembly?

Fecha de publicación:
campusMVP campusMVP es la mejor forma de aprender a programar online y en español. En nuestros cursos solamente encontrarás contenidos propios de alta calidad (teoría+vídeos+prácticas) creados y tutelados por los principales expertos del sector. Nosotros vamos mucho más allá de una simple colección de vídeos colgados en Internet porque nuestro principal objetivo es que tú aprendas. Ver todos los posts de campusMVP

Boletín campusMVP.es

Solo cosas útiles. Una vez al mes.

🚀 Únete a miles de desarrolladores

DATE DE ALTA

x No me interesa | x Ya soy suscriptor

La mejor formación online para desarrolladores como tú

Comentarios (1) -

JUAN LUIS GUERRERO MINERO
JUAN LUIS GUERRERO MINERO

Este es un tema que me gusta bastante y espero que sólo sea el comienzo :-D

Por si a alguien le interesa, aquí también comentaba yo algo sobre ello: elguerre.com/.../

Un saludo
Juanlu

Responder

Agregar comentario

Los datos anteriores se utilizarán exclusivamente para permitirte hacer el comentario y, si lo seleccionas, notificarte de nuevos comentarios en este artículo, pero no se procesarán ni se utilizarán para ningún otro propósito. Lee nuestra política de privacidad.