NativeScript for Angular Mobile Development

By : Anderson, Nathan Walker

3 (4)

Buy this Book

NativeScript for Angular Mobile Development

3 (4)

By: Anderson, Nathan Walker

Buy this Book

Overview of this book

NativeScript is an open source framework that is built by Progress in order to build truly native mobile apps with TypeScript, JavaScript or just Angular which is an open source framework built by Google that offers declarative templates, dependency injection, and fully featured modules to build rich applications. Angular’s versatile view handling architecture allows your views to be rendered as highly performant UI components native to iOS and Android mobile platforms. This decoupling of the view rendering layer in Angular combined with the power of native APIs with NativeScript have together created the powerful and exciting technology stack of NativeScript for Angular. This book focuses on the key concepts that you will need to know to build a NativeScript for Angular mobile app for iOS and Android. We’ll build a fun multitrack recording studio app, touching on powerful key concepts from both technologies that you may need to know when you start building an app of your own. The structure of the book takes the reader from a void to a deployed app on both the App Store and Google Play, serving as a reference guide and valuable tips/tricks handbook. By the end of this book, you’ll know majority of key concepts needed to build a successful NativeScript for Angular app.

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

Get Into Shape with @NgModule

Mental preparation

The module benefits

Finalizing CoreModule

Summary

Feature Modules

Player and recorder modules

Summary

Our First View via Component Building

Our first view via component building

Summary

A prettier view with CSS

It's time to get classy

Summary

Routing and Lazy Loading

Get your kicks on Route 66

Creating AuthGuard for RecorderModule

Handling late feature requirements – managing compositions

Summary

Running the App on iOS and Android

Taking command…

Android Keystores

Back in command

TNS command-line cheatsheet

Summary

Building the Multitrack Player

Implementing our multitrack player via the nativescript-audio plugin

Summary

Building an Audio Recorder

Phase 1 – Building an audio recorder for iOS

Phase 2 – Building an audio recorder for Android

Summary

Empowering Your Views

Multiple item templates with NativeScript's ListView

Summary

@ngrx/store + @ngrx/effects for State Management

Understanding Redux and integrating @ngrx/store

Summary

Polish with SASS

Polishing with SASS

Summary

Unit Testing

Unit testing

Summary

Integration Testing with Appium

Integration testing

Summary

Deployment Preparation with webpack Bundling

Using webpack to bundle the app

Summary

Deploying to the Apple App Store

Preparing for App Store distribution

Summary

Deploying to Google Play

Building an APK for Google Play

Summary

Customer Reviews

3 (4)

5 star

4 star

50%

3 star

2 star

50%

1 star

Building an APK for Google Play

Before you open Google Play to register and publish this app (which is the next step), let's double-check a couple of things to ensure that our metadata is correct.

Open app/App_Resources/Android/app.gradle and ensure that the applicationId is correct for your package name:

Also, open package.json at the root of the project and double-check the nativescript.id there as well for good measure:

Now, you will need to generate an executable Android file for your application. On Android, this file has a .apk extension, and you can generate this file using the NativeScript CLI.

The tns run command you were using during NativeScript development actually generates a .apk file for you and installs that file on an Android emulator or device. However, for a Google Play release, the build you create must also be code signed. You can refer to Android...