NativeScript Android: Done.
NativeScript iOS: Working.
Prerequisites
- Define a package name for your project. Example:
com.renzocastro.demo. - A file sound in mp3, wav or ogg (44Hz) for your notification. For the demo, we will use a sound file in ogg format.
- An Android phone (no emulator).
Firebase Cloud Messaging
Firebase Cloud Messaging (FCM) is a cross-platform cloud solution for messages and notifications for Android, iOS, and web applications.
- Create a free Firebase account: https://console.firebase.google.com.
- Add a new project (or use a project created).
- In the project, go to
Project settingsandCloud Messagingtab for see the Server Key.
Si queremos escribir código aplicando las últimas especificaciones de JavaScript (ES2015+), tenemos que convertirlo usando una configuración que lo haga compatible según donde se usará.
Por ejemplo no todos los navegadores soportan ES7 entonces podemos transpilar nuestro código a ES2005 que es aceptado por todos los navegadores actuales o podemos transpilarlo a ES5 para dar soporte desde Internet Explorer 10.
Para esta tarea usaremos Babel. Que de hecho no solo sirve para transpilar desde (.js), sino también desde TypeScript (.ts), React (.jsx), entre otros.
En este artículo usaremos babel v7 y babel-loader v8 en Webpack v4. …
Webpack es un bundler, eso significa que nos ayudará a empaquetar de forma optimizada los archivos de nuestro sitio web en uno o varios archivos. No esta limitado solo a JavaScript, también empaqueta CSS, HTML, imágenes, entre otros según como lo configuremos.
Las versiones usadas durante la creación de este artículo fueron
webpack@4.19.1ywebpack-cli@3.1.0.
Entre las características más destacadas de esta versión podemos mencionar:
- Performance improvement: Es la versión más rápida hecha hasta ahora.
- Zero Configuration: No dependemos de configuraciones para empezar a usar webpack.
Para poder explicar de que va “Zero Configuration” primero vamos a describir unos puntos…
Renzo Castro Jurado
UI Developer • Angular • NativeScript • NodeJS • CSS Lover
