Book Image

NativeScript for Angular Mobile Development

By : Nathan Walker, Nathanael J. Anderson
Book Image

NativeScript for Angular Mobile Development

By: Nathan Walker, Nathanael J. Anderson

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.

Related Content you might be interested in

Small book image
Getting Started with NativeScr...
Nathanael J Anderson
Jan, 2016 | 168 pages
Small book image
Angular Projects
Zama Khan Mohammed
Sep, 2019 | 350 pages
Table of Contents (24 chapters)
Title Page
Title Page
Credits
Credits
Foreword
Foreword
About the Authors
About the Authors
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Customer Feedback
Customer Feedback
Preface
Preface
Free Chapter
1
Get Into Shape with @NgModule
Get Into Shape with @NgModule
Mental preparation
The module benefits
Finalizing CoreModule
Summary
2
Feature Modules
Feature Modules
Player and recorder modules
Summary
3
Our First View via Component Building
Our First View via Component Building
Our first view via component building
Summary
4
A prettier view with CSS
A prettier view with CSS
It's time to get classy
Summary
5
Routing and Lazy Loading
Routing and Lazy Loading
Get your kicks on Route 66
Creating AuthGuard for RecorderModule
Handling late feature requirements – managing compositions
Summary
6
Running the App on iOS and Android
Running the App on iOS and Android
Taking command…
Android Keystores
Back in command
TNS command-line cheatsheet
Summary
7
Building the Multitrack Player
Building the Multitrack Player
Implementing our multitrack player via the nativescript-audio plugin
Summary
8
Building an Audio Recorder
Building an Audio Recorder
Phase 1 – Building an audio recorder for iOS
Phase 2 – Building an audio recorder for Android
Summary
9
Empowering Your Views
Empowering Your Views
Multiple item templates with NativeScript's ListView
Summary
10
@ngrx/store + @ngrx/effects for State Management
@ngrx/store + @ngrx/effects for State Management
Understanding Redux and integrating @ngrx/store
Summary
11
Polish with SASS
Polish with SASS
Polishing with SASS
Summary
12
Unit Testing
Unit Testing
Unit testing
Summary
13
Integration Testing with Appium
Integration Testing with Appium
Integration testing
Summary
14
Deployment Preparation with webpack Bundling
Deployment Preparation with webpack Bundling
Using webpack to bundle the app
Summary
15
Deploying to the Apple App Store
Deploying to the Apple App Store
Preparing for App Store distribution
Summary
16
Deploying to Google Play
Deploying to Google Play
Building an APK for Google Play
Summary

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's documentation (https://developer.android.com/studio/publish/app-signing.html) on code signing if you want to dive into the...

Previous Section
End of Section 2
Next Section