add new articles (integration existing android and ios apps)

Author: Nikolay Tsonev

integration-with-existing-ios-and-android-apps/extend-existing-android-app-with-ns-angular2.md

@@ -0,0 +1,44 @@
+---
+title: Extend existing Android app
+description: Learn how to extend your existing Android app with Angular 2 and NativeScript
+position: 11
+slug: extend-existing-android-app
+environment: angular
+---
+
+# Extend your existing Android app with Angular 2 and NativeScript
+
+## This article provides step-by-stem instructions, how to extend existing Android app with Angular 2 and NativeScript
+
+1.Build your NativeScript app for Android:
+`tns build android`
+
+2.Copy your NativeScript app `\platforms\android\src\main\assets` folder to your Android app:
+
+![Copy your NativeScript](../img/extend-existing-android-app-with-ns-angular2/copy-your-nativeScript.png)
+
+3.Copy your NativeScript app `\platforms\android\src\main\java\com\tns` folder to your Android app java classes folder:
+
+![Copy your NativeScript](../img/extend-existing-android-app-with-ns-angular2/copy-your-nativeScript-app2.png)
+
+4.Add reference to **nativescript.aar** and **widgets-release.aar**:
+
+![Copy your NativeScript](../img/extend-existing-android-app-with-ns-angular2/add-reference.png)
+
+> Note: Both can be found in your NativeScript app `\platforms\android\` folder.
+
+
+5.Add both [Java classes](https://github.com/enchev/android-ng2-tns/tree/master/app/src/main/java/com/example/myexistingapplication) and [JavaScript implementations](https://github.com/enchev/android-ng2-tns/tree/master/app/src/main/assets/app) of **MyCustomNativeScriptActivity** and **MyCustomNativeScriptFragment** to your Android app:
+
+![Copy your NativeScript](../img/extend-existing-android-app-with-ns-angular2/add-java-classes-java-implementations.png)
+
+6.Start MyCustomNativeScriptActivity using NativeScript RuntimeHelper:
+
+![Copy your NativeScript](../img/extend-existing-android-app-with-ns-angular2/start-myCustomNativeScriptActivity.png)
+
+7.Run your Android app and enjoy the result:
+
+![Copy your NativeScript](../img/extend-existing-android-app-with-ns-angular2/result.gif)
+
+
+Get the app from here: [https://github.com/enchev/android-ng2-tns](https://github.com/enchev/android-ng2-tns)

integration-with-existing-ios-and-android-apps/extend-existing-ios-app-with-ns-angular2.md

@@ -0,0 +1,50 @@
+---
+title: Extend existing iOS app
+description: Learn how to your existing iOS app with Angular 2 and NativeScript
+position: 12
+slug: extend-existing-ios-app
+environment: angular
+---
+
+
+# Extend your existing iOS app with Angular 2 and NativeScript
+
+## This article provides step-by-stem instructions, how to extend existing iOS app with Angular 2 and NativeScript
+
+1.Build your NativeScript app for iOS:
+`tns build ios`
+
+2.Copy your NativeScript app `\platforms\ios\YourAppName\app` folder to your iOS app:
+
+![Copy your NativeScript](../img/extend-existing-ios-app-with-ns-angular2/copy-your-nativeScript.png)
+
+3.Copy your NativeScript app `\platforms\ios\internal` folder next to your iOS app:
+
+![Copy your NativeScript](../img/extend-existing-ios-app-with-ns-angular2/copy-your-nativeScript-app2.png)
+
+> Note: Both can be found in your NativeScript app `\platforms\ios\`and `\lib\ios\` folders.
+
+4.Add reference to **NativeScript.framework** and **TNSWidgets.framework**
+
+![Copy your NativeScript](../img/extend-existing-ios-app-with-ns-angular2/add-reference.png)
+
+> Note: Both can be found in your NativeScript app `\platforms\ios\` and `\lib\ios\` folders.
+
+
+5.Add **Run Script** and **Linker Flags** to build and use the metadata:
+
+![Copy your NativeScript](../img/extend-existing-ios-app-with-ns-angular2/add-run-script-and-linker-flags.png)
+
+`cd “$PROJECT_DIR/internal/metadata-generator/bin” && ./metadata-generation-build-step`
+
+![Copy your NativeScript](../img/extend-existing-ios-app-with-ns-angular2/add-run-script-and-linker-flags2.png)
+
+`-sectcreate __DATA __TNSMetadata “$(CONFIGURATION_BUILD_DIR)/metadata-$(CURRENT_ARCH).bin”`
+
+> Note: Run Script should be the first build phase.
+
+6.Present NativeScript view controller from your app:
+
+![Copy your NativeScript](../img/extend-existing-ios-app-with-ns-angular2/present-nativescript-view-controller.png)
+
+![Copy your NativeScript](../img/extend-existing-ios-app-with-ns-angular2/result.gif)