Up and running Angular application on Android mobile phone with NativeScript.
1. My Linux development environment.
I try to use awesome way to create native Android apps https://nativescript.org/ and I'm amazed because it working fine.
This is my environment for starting development this apps and a couple of issue for start in my environment. Firstly, I start this project on OpenSuse 15.2, unfortunately this OS is out of support, and I have no time to reinstall this computer. But I can not setup last version of Node.JS, I'm forced to select old version supported by my OpenSuse version. But finally I upgraded my Node.js from version 12 to 16.
![](/NativeScriptStart/Node-5_1.png)
![](/NativeScriptStart/Node-1_1.png)
![](/NativeScriptStart/Node-2_1.png)
![](/NativeScriptStart/Node-3_1.png)
![](/NativeScriptStart/Node-4_1.png)
Linux has autostart script on system and user level, therefore we need to add path to Node.js in computer level (to file /etc/profile or ~/.profile), this is exactly the place where PrintEnv command read value.
![](/NativeScriptStart/Printenv-1_1.png)
![](/NativeScriptStart/Printenv-2_1.png)
![](/NativeScriptStart/Printenv-3_1.png)
Next step was update all JDK, Android SDK, Android Studio, Android tools, Android AVD, Android Gradile script and all plugins for Android studio.
![](/NativeScriptStart/Android-1_1.png)
![](/NativeScriptStart/Android-2_1.png)
![](/NativeScriptStart/Android-3_1.png)
![](/NativeScriptStart/Android-4_1.png)
![](/NativeScriptStart/Android-5_1.png)
![](/NativeScriptStart/Android-6_1.png)
Also I have upgraded VS Code and setup new GIT profile instead removed profile.
![](/NativeScriptStart/Code-1_1.png)
![](/NativeScriptStart/Git-1_1.png)
As next step I have installed Angular and checked how it working. No need add manually after Angular installed globally.
![](/NativeScriptStart/Angular-1_1.png)
![](/NativeScriptStart/Angular-2_1.png)
![](/NativeScriptStart/Angular-3_1.png)
![](/NativeScriptStart/Angular-4_1.png)
Also I have add material and check how to working my last application on Angular.
![](/NativeScriptStart/Cryptochest-1_1.png)
![](/NativeScriptStart/Cryptochest-2_1.png)
![](/NativeScriptStart/Cryptochest-3_1.png)
![](/NativeScriptStart/Cryptochest-4_1.png)
![](/NativeScriptStart/Cryptochest-5_1.png)
Working fine, and there is a reason to go forward, to install NativeScript.
![](/NativeScriptStart/Ns-1_1.png)
![](/NativeScriptStart/Ns-2_1.png)
Main point for NativeScript installation is adding variable ANDROID_HOME (as point to folder platform-tools of AndroidSDK ) to the same place as after installation Node.js
Than I created NativeScript project, open is in VS Code and add plugin to support NativeScript in VS Code.
![](/NativeScriptStart/Project-1_1.png)
![](/NativeScriptStart/Project-2_1.png)
But first start was unsuccessful, I receive error message about adding additional parameters - minimal SDK version.
![](/NativeScriptStart/Start-1_1.png)
![](/NativeScriptStart/Start-2_1.png)
![](/NativeScriptStart/Start-3_1.png)
![](/NativeScriptStart/Start-4_1.png)
I updated this two parameters.
![](/NativeScriptStart/Fix-1_1.png)
![](/NativeScriptStart/Fix-2_1.png)
And I have seen an marvel.
![](/NativeScriptStart/Marvel-1_1.png)
2. My Windows development environment.
In this case before starting I have installed NodeJS and Angular.
![](/NativeScriptStart/AngularWindows-1_1.png)
Prepare Bios and Windows environment.
![](/RyzenVirtualization/Razen-1_1.png)
![](/NativeScriptStart/Windows-1_1.png)
![](/NativeScriptStart/Windows-2_1.png)
Install android emulator.
![](/NativeScriptStart/AndroidStudio-1_1.png)
![](/NativeScriptStart/AndroidStudio-2_1.png)
![](/NativeScriptStart/AndroidStudio-3_1.png)
![](/NativeScriptStart/AndroidStudio-4_1.png)
![](/NativeScriptStart/AndroidStudio-5_1.png)
![](/NativeScriptStart/AndroidStudio-6_1.png)
![](/NativeScriptStart/AndroidStudio-7_1.png)
![](/NativeScriptStart/AndroidStudio-8_1.png)
![](/NativeScriptStart/AndroidStudio-9_1.png)
![](/NativeScriptStart/AndroidStudio-10_1.png)
Install Native Script (adding Android components, JAVA and PATH variables).
![](/NativeScriptStart/NativeScriptInstall-1_1.png)
![](/NativeScriptStart/NativeScriptInstall-2_1.png)
![](/NativeScriptStart/AndroidStudio-11_1.png)
![](/NativeScriptStart/NativeScriptInstall-3_1.png)
![](/NativeScriptStart/AndroidStudio-12_1.png)
![](/NativeScriptStart/AndroidStudio-13_1.png)
![](/NativeScriptStart/AndroidStudio-14_1.png)
![](/NativeScriptStart/AndroidStudio-15_1.png)
![](/NativeScriptStart/AndroidStudio-16_1.png)
![](/NativeScriptStart/NativeScriptInstall-4_1.png)
![](/NativeScriptStart/Java-1_1.png)
![](/NativeScriptStart/NativeScriptInstall-5_1.png)
And finally NativeScript has been installed. Next step is creating new project and open it. And install Native script extension.
![](/NativeScriptStart/NSProject-7_1.png)
![](/NativeScriptStart/NSProject-8_1.png)
![](/NativeScriptStart/NSProject-1_1.png)
![](/NativeScriptStart/NSProject-2_1.png)
![](/NativeScriptStart/NSProject-3_1.png)
![](/NativeScriptStart/NSProject-4_1.png)
![](/NativeScriptStart/NSProject-5_1.png)
![](/NativeScriptStart/NSProject-6_1.png)
In this case I fix something syntax error error and down Java version.
![](/NativeScriptStart/NSProjectFix-1_1.png)
![](/NativeScriptStart/NSProjectFix-2_1.png)
![](/NativeScriptStart/Java-2_1.png)
And finally marvel happens!
![](/NativeScriptStart/NSProjectStart-1_1.png)
![](/NativeScriptStart/NSProjectStart-2_1.png)
![](/NativeScriptStart/NSProjectStart-3_1.png)
- (2024) NativeScript Mosaic
- (2023) NativeScript and Android troubleshooting.
- (2024) NativeScript and Angular form
- (2024) NativeScript Drawer for Android/IOS phone (clear Angular project)
- (2023) Magic deployment Android application with NS Preview.
- (2022) Up and running Angular application on Android mobile phone with NativeScript.
- (2022) My NativeScript learning conspectus.
- (2024) Google Cloud and Cloudflare
- (2023) CloudflareWorker and Supabase
- (2022) JS, Css
- (2022) Typescript, Webpack
- (2022) Angular, RxJs, Firebase, MongoDb
- (2022) Node, NestJs, Electron, Pwa, Telegram
- (2022) React, Redux, GraphQL, NextJs
- (2022) Angular/Typescript, JS books
![](http://forum.vb-net.com/GetTopicCount.png?id=70358464-bbba-47b8-adbb-2acca58ab250)
<SITEMAP> <MVC> <ASP> <NET> <DATA> <KIOSK> <FLEX> <SQL> <NOTES> <LINUX> <MONO> <FREEWARE> <DOCS> <ENG> <CHAT ME> <ABOUT ME> < THANKS ME> |