Build and publish cross-platform hybrid or native apps using a single pure HTML5, CSS, and JavaScript code base
Leverage the cloud capabilities of the Telerik Platform and Telerik AppBuilder from the command line
The Telerik AppBuilder CLI lets you build, test, deploy, and publish cross-platform hybrid and native mobile apps for iOS, Android and Windows Phone from your favorite IDE or code editor. You can develop your projects locally from the convenience of your preferred code editor and run the command-line to test, build, deploy in the simulator or on devices, and publish your applications to the App Store, Google Play or Windows Phone Store.
- Installation
- Quick Start
- Troubleshooting
- Features
- How to Contribute
- More Telerik AppBuilder Tools and Resources
- License
Latest version: Telerik AppBuilder 3.3 Release date: June 9, 2016
For a complete list of the improvements and updates available in this release, see Telerik AppBuilder 3.3 Release Notes.
Before installing the Telerik AppBuilder CLI, verify that your system meets the following requirements.
Minimum Software Requirements
- Windows 7 or later
- .NET 4.5 or later
- Node.js
- (Windows 7 systems): Any of the following Node.js versions:
- The latest stable official Node.js 0.12.x
- The latest stable official Node.js 4.2.1 or later 4.x
Node.js 4.x with npm 2 is required for development with Screen Builder. - The latest stable official Node.js 5.1 or later 5.x
- (Windows 8 and later systems): Any of the following Node.js versions:
- The latest stable official Node.js 0.12.x
- The latest stable official Node.js 4.2.1 or later 4.x
Node.js 4.x with npm 2 is required for development with Screen Builder. - The latest stable official Node.js 5.1 or later 5.x
- (Windows 7 systems): Any of the following Node.js versions:
- An Internet browser (latest official release) with enabled cookies
- (Optional) git
git is required for development with Screen Builder.
To be able to work with connected iOS devices from the command line, download and install the 32-bit Node.js.
You can download and install the 32-bit Node.js from the Node.js web site.
Additional Software Requirements for iOS On-Device Deployment
- iTunes (latest official)
- Node.js
The bitness of Node.js and iTunes must match.
Additional Software Requirements for Android On-Device Deployment
- Device drivers required by your system to recognize the connected Android device
- For testing in the native emulators
- JDK 8 or later
- Android SDK 19 or later
- (Optional) Genymotion
Additional Software Requirements for Windows Phone On-Device Deployment
In this version of the Telerik AppBuilder CLI, you cannot deploy and LiveSync to connected Windows Phone devices from the command line.
Minimum Software Requirements
- OS X Mavericks
- Any of the following Node.js versions:
- The latest stable official Node.js 0.12.x
- The latest stable official Node.js 4.2.1 or later 4.x
Node.js 4.x with npm 2 is required for development with Screen Builder. - The latest stable official Node.js 5.1 or later 5.x
- An Internet browser (latest official release) with enabled cookies
- Mono 3.12 or later
- (Optional) git
git is required for development with Screen Builder.
Additional Software Requirements for iOS On-Device Deployment
- iTunes (latest official)
- For testing in the native emulator
- Xcode 5 or later
Additional Software Requirements for Android On-Device Deployment
- Device drivers required by your system to recognize the connected Android device
- For testing in the native emulators
- JDK 8 or later
- Android SDK 19 or later
- (Optional) Genymotion
Additional Software Requirements for Windows Phone On-Device Deployment
In this version of the Telerik AppBuilder CLI, you cannot deploy and LiveSync to connected Windows Phone devices from the command line.
Minimum Software Requirements
-
Ubuntu 14.04 LTS
The Telerik AppBuilder CLI is tested and verified to run on Ubuntu 14.04 LTS. You might be able to run the Telerik AppBuilder CLI on other Linux distributions. -
Any of the following Node.js versions:
- The latest stable official Node.js 0.12.x
- The latest stable official Node.js 4.2.1 or later 4.x
Node.js 4.x with npm 2 is required for development with Screen Builder. - The latest stable official Node.js 5.1 or later 5.x
You can follow the instructions provided here to install Node.js on your system.
-
An Internet browser (latest official release) with enabled cookies
-
(64-bit systems) The runtime libraries for the ia32/i386 architecture
-
In the terminal, run the following command.
sudo apt-get install lib32z1 lib32ncurses5 lib32bz2-1.0 libstdc++6:i386
-
-
(Optional) git
git is required for development with Screen Builder.
Additional Software Requirements for iOS On-Device Deployment
In this version of the Telerik AppBuilder CLI, you cannot deploy and LiveSync on connected iOS devices from the command line. You need to manually deploy the application package using iTunes.
Additional Software Requirements for Android On-Device Deployment
- Device drivers required by your system to recognize the connected Android device
- G++ compiler
- In the terminal, run
sudo apt-get install g++
- In the terminal, run
- For testing in the native emulators
- JDK 8 or later
- Android SDK 19 or later
- (Optional) Genymotion
Additional Software Requirements for Windows Phone On-Device Deployment
In this version of the Telerik AppBuilder CLI, you cannot deploy and LiveSync to connected Windows Phone devices from the command line.
The Telerik AppBuilder CLI is available for installing as an npm package.
In the command prompt, run the following command.
OS | Node.js installed from http://nodejs.org/ | Node.js installed via package manager |
---|---|---|
Windows | npm install appbuilder -g |
npm install appbuilder -g |
OS X | sudo npm install appbuilder -g --unsafe-perm |
npm install appbuilder -g |
Linux | sudo npm install appbuilder -g --unsafe-perm |
npm install appbuilder -g |
To check if your system is configured properly, run the following command.
$ appbuilder doctor
If you are working with the Telerik AppBuilder CLI behind a web proxy, you might need to configure your proxy settings.
- On your file system, locate the directory where the appbuilder npm package is installed.
- In a text editor, open
config
→config.json
. - Set
USE_PROXY
totrue
. - Set
PROXY_PORT
. - Set
PROXY_HOSTNAME
.
Make sure to preserve the quotation marks and commas as in the initial
config.json
file.
- Log In
- Create Project
- Run in Simulator
- Run on Device
- Modify Your Code
- Get Code Changes in the Simulator and on Device
- Modify the Application Package with .abignore
- Get Help
1. Log in the Telerik Platform
To connect to your Telerik Platform account, run the following command.
$ appbuilder login
A new tab opens in your default browser. Provide your login credentials, confirm the sign in, verify that the following message is present in the command line: Login completed
, and close the browser tab after the confirmation.
Create new project from template
To create a new project from the default template, navigate to an empty directory and run the following command.
$ appbuilder create <Type> MyApp
You can set hybrid or native for <Type>
.
The Telerik AppBuilder CLI creates a new subdirectory MyApp in the current directory and places the project files inside it.
Create new project from locally stored existing project
To initialize an existing project for development from the command line, navigate to the local directory that contains the project files and run the following command.
$ appbuilder init
The Telerik AppBuilder CLI attempts to retain any existing project configuration and, if missing, creates any AppBuilder-specific files required for development. If the directory contains an existing AppBuilder project, after the operation completes, you might want to manually set new unique values for the WP8ProductID and WP8PublisherID properties to avoid issues when running your app on device.
For more information about how to configure your project properties, run appbuilder prop --help
.
Create new project from an existing project in the cloud
You can quickly get an existing project from the cloud by downloading it locally. Navigate to the directory in which you want to download your existing project and run the following command.
$ appbuilder cloud <Solution Name or Index> <Project Name or Index>
<Solution Name or Index>
and <Project Name or Index>
are the name or the index of the solution and project, respectively, as listed by $ appbuilder cloud
or as they appear in the Telerik AppBuilder in-browser client or the Telerik AppBuilder Windows client.
This operation creates a new directory named after the project which contains all your project files. After you navigate to the newly created directory, you can continue development immediately with the Telerik AppBuilder CLI.
Create new project from sample
To create a new project from the AppBuilder sample apps from the command line, navigate to an empty directory and run the following command.
appbuilder sample clone <Sample>
To list the available sample apps, run appbuilder sample
.
The Telerik AppBuilder CLI creates a new subdirectory in the current directory, clones the sample inside it and preserves the existing project configuration of the sample app.
Create new project with Screen Builder
Screen Builder lets you quickly create a new project for hybrid mobile development customized with navigation, home view and user interface skin.
appbuilder create screenbuilder <My App>
The Telerik AppBuilder CLI creates a new subdirectory MyApp in the current directory and places the project files inside it. After you navigate to your Screen Builder-based project, you can run the Screen Builder commands to further customize your project by adding application views, connecting to data sources, creating user registration and sign-in and adding forms, lists and fields. For more information, run $ appbuilder screenbuilder -h
This operation is applicable only to hybrid projects.
To load your newly created project in the simulator, navigate to the folder containing your project files and run the following command.
$ appbuilder simulate
In this version of the Telerik AppBuilder CLI, you cannot run the device simulator on Linux systems.
The Telerik AppBuilder CLI launches the device simulator. In the device simulator, you can change the target device form factor, mobile platform and version, and orientation. You can adjust the geolocation details, network connection configuration, file storage configuration, and the default contacts. You can debug your code using the built-in debug tools.
For more information about the Telerik AppBuilder device simulator, see Running Apps in the Device Simulator.
This operation is applicable to hybrid and native projects.
To run your app on an Android device, install the Telerik Platform companion app, install the Cordova developer app for hybrid apps or the NativeScript developer app for native projects, navigate to the folder containing your project files and run the following command in the command line.
$ appbuilder build android --companion
After the operation completes, the Telerik AppBuilder CLI opens a new tab in your browser and shows a QR code for deployment in the developer app. On the device, use the built-in QR code scanner in the Telerik Platform companion app to scan the QR code and load the project in the respective framework-specific developer app. To toggle the built-in QR code scanner, run the Telerik Platform companion app, complete the tutorial and tap QR Scanner.
With the developer app, you can deploy and test your Android apps without the need to configure any device drivers on your system, to configure your device for deployment, and to build an application package. You can get the Telerik Platform companion app from Google Play. You can get the Cordova developer app from Google Play. You can get the NativeScript developer app from Google Play.
To run your app on an iOS device, install the Telerik Platform companion app, install the Cordova developer app for hybrid apps or the NativeScript developer app for native projects, navigate to the folder containing your project files and run the following command in the command line.
$ appbuilder build ios --companion
After the operation completes, the Telerik AppBuilder CLI opens a new tab in your browser and shows a QR code for deployment in the developer app. On the device, use the built-in QR code scanner in the Telerik Platform companion app to scan the QR code and load the project in the respective framework-specific developer app. To toggle the built-in QR code scanner, run the Telerik Platform companion app, complete the tutorial and tap QR Scanner.
With the developer app, you can deploy and test your iOS apps without the need to provision them first. You can get the Telerik Platform companion app from the App Store. You can get the Cordova developer app from the App Store. You can get the NativeScript developer app from App Store.
For Windows Phone, you can develop only hybrid apps.
To run your app on a Windows Phone device, install the Cordova developer app on the device, navigate to the folder containing your project files and run the following command in the command line.
$ appbuilder build wp8 --companion
After the operation completes, the Telerik AppBuilder CLI opens a new tab in your browser and shows a QR code for deployment in the developer app. On the device, use the built-in QR code scanner in the developer app to scan the QR code and load the project. To toggle the built-in QR code scanner, run the developer app, with two fingers, tap and swipe the left edge of the screen to the right and tap QR Scanner.
With the developer app, you can deploy and test your iOS apps without the need to provision them first. You can get the Cordova developer app from the Windows Phone Store.
Edit your code in your preferred IDE or code editor. Save your changes.
In Sublime Text 2 and Sublime Text 3, you can install the Telerik AppBuilder package which provides integration with the Telerik AppBuilder CLI. For more information, click here.
6. Get code changes in the simulator and on device
This operation is applicable only to hybrid and native projects.
In the running device simulator, your app refreshes automatically on save.
To get changes inside your running app, navigate to the folder containing your project files and run the following command.
$ appbuilder livesync cloud
On the device, in the running app, tap and hold with three fingers until the download pop-up appears. After the download completes, the app refreshes automatically.
8. Modify the application package with .abignore
When you develop apps with the Telerik AppBuilder Command-Line Interface (AppBuilder CLI), you can choose which files to exclude from your application package. To set exclude and include rules, you can modify the .abignore
file in the root of your project.
Starting with AppBuilder 2.6, all newly created projects or cloned sample apps contain a default .abignore
. To manage the exclude and include rules for projects created with earlier versions of AppBuilder, you need to manually add .abignore
to your project.
For more information about creating and maintaining your .abignore
file, see this manual.
7. List the available commands
To list the available commands, run the following command.
$ appbuilder help
To learn more about a command, run the command with the --help
option. For example, to show more information about create
, run the following command.
$ appbuilder create --help
If the AppBuilder CLI does not behave as expected, you might be facing a configuration issue. For example, a missing JAVA
path. To check if your system is configured properly for the AppBuilder CLI, run the following command.
$ appbuilder doctor
This command prints warnings about current configuration issues and provides basic information about how to resolve them.
If addressing the configuration issues does not resolve your problem, you can report an issue, post in the forums or request assistance from the Telerik support team.
Latest version: Telerik AppBuilder 3.3 Release date: June 9, 2016
For a complete list of the improvements and updates available in this release, see Telerik AppBuilder 3.3 Release Notes.
- You can develop, test, build and publish cross-platform hybrid mobile apps with Apache Cordova.
- You can develop, test, build and publish cross-platform native mobile apps with the NativeScript framework.
For a complete list of the features available in the Telerik AppBuilder CLI, click here.
To see a complete list of the available commands, click here or run $ appbuilder help
in the command prompt.
To learn how to log a bug that you just discovered, click here.
To learn how to suggest a new feature or improvement, click here.
To learn how to contribute to the code base, click here.
- Telerik AppBuilder Windows client: Lightweight Windows IDE.
- Telerik AppBuilder in-browser client: Browser-based IDE that is compatible with most modern web and mobile browsers.
- Telerik AppBuilder extension for Visual Studio: Extension for the popular Microsoft IDE.
- Telerik AppBuilder package for Sublime Text: A package for the popular text editor.
- Telerik AppBuilder companion apps: mobile testing utility available for free on the App Store.
- Telerik AppBuilder documentation: Learn more about what you can do with Telerik AppBuilder.
- Telerik AppBuilder web page: Visit the Telerik AppBuilder web site.
This software is licensed under the Apache 2.0 license, quoted here.