Skip to content

Commit 3711fec

Browse files
dotNetkowimhoffd
authored andcommitted
DevApp deprecation (ionic-team#1148)
1 parent 4474e68 commit 3711fec

3 files changed

Lines changed: 12 additions & 36 deletions

File tree

‎src/pages/appflow/devapp.md‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,15 @@ previousUrl: '/docs/appflow/cookbook/private_npm_modules'
55

66
# Ionic DevApp
77

8-
The Ionic DevApp is a free app that makes it easy to run your Ionic app directly on your iOS or Android device.
8+
The Ionic DevApp is a free app that makes it easy to run your Ionic app directly on your iOS or Android device. **Built for use with Cordova applications only.**
99

1010
Skip dealing with frustrating Native SDK installation issues, just run `ionic serve --devapp`, open the DevApp, connect to the same network, and the app will automatically load
1111
and run your app.
1212

1313
The DevApp comes with many native plugins built right in, so you don't need to worry about installing plugins.
1414

15+
> NOTE: Ionic DevApp is no longer actively maintained. We recommend using the native tooling provided by each platform ([iOS](/docs/building/ios), [Android](/docs/building/android)) alongside [Capacitor](https://capacitor.ionicframework.com) for the best experience.
16+
1517
## Download the DevApp
1618

1719
The DevApp is available on iOS and Android.

‎src/pages/building/cross-platform.md‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,8 @@ In an app’s logic, whenever it is needed to make a native API call, it is reco
2626

2727
```typescript
2828
this.platform.ready().then(() => {
29-
if (this.platform.is('cordova')) {
29+
// 'hybrid' detects both Cordova and Capacitor
30+
if (this.platform.is('hybrid')) {
3031
// make your native API calls
3132
} else {
3233
// fallback to browser APIs

‎src/pages/building/running.md‎

Lines changed: 7 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -9,37 +9,15 @@ nextUrl: '/docs/building/ios'
99

1010
There are many different options to test native functionality depending on your target platforms and needs.
1111

12-
* Implement [Platform Detection](/docs/building/cross-platform) for the native functionality and test with `ionic serve`
12+
* Run locally in a web browser (using [Platform Detection](/docs/building/cross-platform) for native functionality)
1313
* [Deploy to iOS](/docs/building/ios)
1414
* [Deploy to Android](/docs/building/android)
15-
* Deploy to iOS & Android instantly using [Ionic DevApp](/docs/building/running#ionic-devapp)
1615

17-
This article will focus on Ionic DevApp, as it includes the ability to test native functionality on a device.
16+
## Run Locally in a Web Browser
1817

19-
## Ionic DevApp
18+
One of the most powerful features of Ionic is that the majority of your app development can happen right in a browser on your desktop. With full access to traditional web development tools (Chrome/Safari/Firefox dev tools), you can write code then test/debug it quickly without having to recompile or deploy to a simulator or device.
2019

21-
Ionic DevApp extends the capabilities of Ionic Framework, making it easy to test apps directly on devices. DevApp offers a realtime view of changes as they're being made, with a rich library of pre-installed native plugins to test native features of the app.
22-
23-
There's no need to install complicated Native SDKs - all it takes is one simple command, `ionic serve`, and apps running anywhere DevApp is installed will be immediately available to preview, with LiveReload to refresh changes as soon as they're made.
24-
25-
### Getting started
26-
27-
First, download the Ionic DevApp. It is available in the iOS App Store as well as Google Play
28-
29-
<a href="https://itunes.apple.com/us/app/ionic-devapp/id1233447133?ls=1&amp;mt=8" target="_blank">
30-
<img style="width: 160px" src="/docs/assets/img/appstore.png" id="appstore-image">
31-
</a>
32-
<a href="https://play.google.com/store/apps/details?id=io.ionic.devapp&amp;hl=en" target="_blank">
33-
<img style="width: 160px" alt="Get it on Google Play" src="/docs/assets/img/playstore.png" id="playstore-image">
34-
</a>
35-
36-
With DevApp installed, sign up or login to an Ionic Account.
37-
38-
> DevApp is a free service that comes with every Ionic Account.
39-
40-
## Serving the App
41-
42-
Make sure the device running DevApp and the computer are on the same network, then run `ionic serve` from the command line in the project's directory.
20+
To do so, run `ionic serve` from the command line in the project's directory:
4321

4422
<command-line>
4523
<command-prompt>ionic serve</command-prompt>
@@ -54,8 +32,6 @@ Make sure the device running DevApp and the computer are on the same network, th
5432
<br />
5533
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;External: <span class="bold">http://192.168.1.169:8100</span>
5634
<br />
57-
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;DevApp: <span class="bold">StarTrack-ng@8100</span> on <span class="bold">ionic-home-router.network</span>
58-
<br />
5935
<br />
6036
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="yellow">Use Ctrl+C to quit this process</span>
6137
<br />
@@ -64,10 +40,7 @@ Make sure the device running DevApp and the computer are on the same network, th
6440
</command-output>
6541
</command-line>
6642

67-
With `ionic serve` running, open DevApp and select the app from the currently running app list.
68-
69-
![dev app with running app](/docs/assets/img/guides/running/dev-app-preview.png)
70-
71-
Now if the app calls any native functionality, DevApp can handle this and actually return the correct native implementation.
43+
With `ionic serve` running, continue developing your app. As you save changes, the app reloads with those changes applied.
7244

73-
DevApp has a select list of plugin it supports, so check out the [DevApp docs](https://ionicframework.com/docs/pro/devapp/) for a complete list.
45+
When implementing native functionality, use [Platform Detection](/docs/building/cross-platform).
46+
When you're ready to test on a real device, see here for [iOS](/docs/building/ios) and [Android](/docs/building/android).

0 commit comments

Comments
 (0)