This sample shows you how to use an Android-specific custom plugin and the Info.plist configuration file for iOS to register a custom URL scheme for your app. You can later call the app from another app using the custom URL scheme.
Supported mobile platforms: iOS, Android
Developed with: Windows Phone SDK 8.1, Apache Cordova 4.0.0, WebIntent 1.0.0
Plugins\WebIntent: Contains the Android-specific custom plugin.App_Resources\Android\AndroidManifest.xml: Contains the configuration changes which register the app to a custom URI scheme.App_Resources\iOS\Info.plist: Contains the configuration changes which register the app to a custom URI scheme.
| Platform | Home |
|---|---|
| All |  |
Apart from exploring the sample code base in GitHub, you can also clone and run the sample in your preferred AppBuilder client.
With the AppBuilder in-browser client, you can develop hybrid and NativeScript cross-platform mobile apps from your browser. You can use the in-browser client at https://platform.telerik.com.
- Click the button at the top of this document.
- Provide your login credentials, if prompted.
-
After the installation completes, run the app.
-
In the Project Navigator, double-click
index.html. -
Within the
<body>element, add the following line.<button onclick="window.open('myapp://views/navigate.html', '_system')">Open App</button>
-
On the device, run the app that you have just deployed and tap Open App.
With the AppBuilder Windows client, you can develop hybrid and NativeScript cross-platform mobile apps from your Windows desktop. You can download and install the Windows client from http://www.telerik.com/appbuilder/windows-client.
- Verify that the AppBuilder Windows client is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
- In the dashboard, click Samples and select Hybrid.
- From the Workspace drop-down menu, select the workspace in which you want to develop your application.
- Select Advanced APIs.
- Select Custom URL Scheme.
- (Optional) Rename the project.
- Click Clone.
With the AppBuilder Windows client, you can quickly test your apps on device, in the simulator or in the native emulators.
-
Deploy on device via QR code or deploy on device via USB cable.
-
After the installation completes, run the app.
-
In the Project Navigator, double-click
index.html. -
Within the
<body>element, add the following line.<button onclick="window.open('myapp://views/navigate.html', '_system')">Open App</button>
-
Deploy on device via QR code or deploy on device via USB cable.
-
On the device, run the app that you have just deployed and tap Open App.
With the AppBuilder extension for Visual Studio, you can develop hybrid and NativeScript cross-platform mobile apps from Microsoft Visual Studio. You can download and install the extension from http://www.telerik.com/appbuilder/visual-studio-extension.
- Verify that the AppBuilder extension for Visual Studio is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
- Select AppBuilder → Get Sample.
- Select Hybrid.
- Select Advanced APIs.
- Select Custom URL Scheme.
- (Optional) Rename the project.
- Click Get.
The extension for Visual Studio copies the sample files locally. The extension creates a new solution and project and loads them.
With the AppBuilder extension for Visual Studio, you can quickly test your apps on device, in the simulator or in the native emulators.
-
Deploy on device via QR code or deploy on device via USB cable.
-
After the installation completes, run the app.
-
In the Solution Explorer, double-click
index.html. -
Within the
<body>element, add the following line.<button onclick="window.open('myapp://views/navigate.html', '_system')">Open App</button>
-
Deploy on device via QR code or deploy on device via USB cable.
-
On the device, run the app that you have just deployed and tap Open App.
With the AppBuilder command-line interface, you can develop hybrid and NativeScript cross-platform mobile apps from the command line. You can learn how to add the AppBuilder commands to your command line from http://www.telerik.com/appbuilder/command-line-interface.
-
Verify that a command prompt is running and you are logged in the Telerik Platform in the account in which you want to develop your application.
-
To list the available samples, run the following command.
appbuilder sample
-
Run the clone command for the sample as listed by
appbuilder sample.appbuilder sample clone custom-url-scheme
The AppBuilder command-line interface shows the following message: Successfully initialized project in the folder!
With the AppBuilder command-line interface, you can quickly test your apps on device, in the simulator or in the native emulators.
-
Deploy on device via QR code or deploy on device via USB cable.
-
After the installation completes, run the app.
-
For the newly created project, open
index.html. -
Within the
<body>element, add the following line.<button onclick="window.open('myapp://views/navigate.html', '_system')">Open App</button>
-
Deploy on device via QR code or deploy on device via USB cable.
-
On the device, run the app that you have just deployed and tap Open App.
- You cannot run this sample in the device simulator.
- You cannot run this sample on Android emulators.
- You cannot run this sample in the iOS Simulator.
- You cannot run this sample in the companion apps.
- This sample is not enabled for Windows Phone development.