<p>Hot off the heels of our <a href="http://www.telerik.com/blogs/telerik-appbuilder-may-release-update-a-published-app-in-seconds">last major update</a>, we have a new and highly anticipated release for you. Today we are pleased to announce full support for Cordova Android 4.0 and Crosswalk. This means major performance improvements and HTML5 compatibility for your Android apps.</p> <blockquote> <p>Be sure to examine the <a href="http://docs.telerik.com/platform/appbuilder/release-notes/v2-10">latest release notes</a> to see all of the changes for this release. And, take advantage of our <a href="http://feedback.telerik.com/Project/129">feedback portal</a> to influence the Telerik Platform roadmap going forward.</p> </blockquote> <h2>Cordova Android 4.0</h2> <p><img src="//d585tldpucybw.cloudfront.net/sfimages/default-source/blog-images/cordova-and-crosswalk.png?sfvrsn=0" alt="cordova and crosswalk" displaymode="Original" title="cordova and crosswalk" /></p> <p>Recently the <a href="https://cordova.apache.org/">Apache Cordova</a> team decided to release platform-specific versions of the Cordova framework. This is why in the Telerik AppBuilder clients, you'll see that when you choose to use Cordova 4.0, it really means:</p> <ul> <li>Cordova-Android 4.0.2</li> <li>Cordova-iOS 3.8.0</li> <li>Cordova-WP8 3.8.0-2</li> </ul> <p>The important piece to focus on for this release is Cordova Android. Why? Because Cordova Android 4.0.2 brings with it an important feature called "pluggable WebViews."This means we can now easily swap in a new WebView (which is what your hybrid app runs in on the device) to replace the awful, slow, antiquated Android system WebView. <strong>This leads us to the primary benefit of leveraging Cordova-Android 4.0: <a href="https://crosswalk-project.org/">Crosswalk</a>.</strong></p> <h2>What is Crosswalk?</h2> <p><img src="//d585tldpucybw.cloudfront.net/sfimages/default-source/blog-images/crosswalk-project-logo.png?sfvrsn=0" alt="crosswalk project logo" displaymode="Original" title="crosswalk project logo" /></p> <p>Crosswalk is an Android WebView, based on the <a href="https://www.chromium.org/Home">Chromium project</a>. It is an open source project sponsored by Intel, and it brings a modern, stable and fast WebView to all users of Android (back to Android 4.0).</p> <p><strong>Did you say fast?</strong> Indeed, Crosswalk outperforms the stock system WebView by a factor of 10 on older Android devices (4.0-4.3).</p> <p><strong>Did you say modern?</strong> Yes, in fact by using Crosswalk you can take advantage of the latest HTML5 features including WebRTC, WebGL, WebAudio, IndexedDB and CSS3 features, such as flexbox.</p> <p><strong>Most importantly, your app will perform identically on 94 percent of all Android devices!</strong> This is because Crosswalk levels the playing field across all Android 4.0+ devices [<a href="https://developer.android.com/about/dashboards/index.html">source</a>].</p> <p><strong>Is there a downside to using Crosswalk?</strong> Well, the size of your Android app package will increase by about 10-15 MB. Also, you'll want to make sure that any Cordova plugins you use are compatible with Cordova Android 4.0 and Crosswalk.</p> <blockquote> <p>Rest assured we have already made sure all of the Android plugins in the <a href="http://plugins.telerik.com/cordova">Verified Plugins Marketplace</a> are compatible!</p> </blockquote> <h2>Great, So How Do I Use Crosswalk?</h2> <p>You can leverage Crosswalk from any AppBuilder client. Using the <strong>Properties</strong> window, you simply:</p> <p>1) Make sure you have selected Cordova 4.0.0 in the <strong>General</strong> tab:</p> <p><img src="//d585tldpucybw.cloudfront.net/sfimages/default-source/blog-images/cordova-4-0-in-appbuilder.png?sfvrsn=0" alt="cordova 4.0 in appbuilder" displaymode="Original" title="cordova 4.0 in appbuilder" /></p> <p>2) Navigate to the <strong>Android</strong> tab, and choose the Crosswalk WebView:</p> <p><img src="//d585tldpucybw.cloudfront.net/sfimages/default-source/blog-images/crosswalk-in-appbuilder.png?sfvrsn=0" alt="crosswalk in appbuilder" displaymode="Original" title="crosswalk in appbuilder" /></p> <p><strong>That's it!</strong> You can now create a build for Android and test it on your device. Use the Crosswalk WebView along with our <a href="http://plugins.telerik.com/cordova/plugin/native-page-transitions">Native Page Transitions plugin</a> for a truly native feel on Android.</p> <h2>What About iOS?</h2> <p>We've also made it easier for you to leverage the more powerful WKWebView (an alternative native WebView from Apple) on iOS. Again, choosing the WKWebView versus the default iOS WebView is done via the AppBuilder iOS <strong>Properties</strong> page:</p> <p><img src="//d585tldpucybw.cloudfront.net/sfimages/default-source/blog-images/wkwebview-and-appbuilder.png?sfvrsn=0" alt="wkwebview and appbuilder" displaymode="Original" title="wkwebview and appbuilder" /></p> <blockquote> <p>You can <a href="http://developer.telerik.com/featured/using-ios-8-wkwebview-telerik-appbuilder/">consult this blog post</a> on how using the WKWebView can dramatically speed up your iOS apps.</p> </blockquote> <h2>NativeScript Updates</h2> <p><img src="//d585tldpucybw.cloudfront.net/sfimages/default-source/blog-images/nativescript-logo.png?sfvrsn=0" alt="nativescript logo" displaymode="Original" title="nativescript logo" /></p> <p>With this release of AppBuilder, we have also updated the version of <a href="https://www.nativescript.org/">NativeScript</a> that we support to 1.0.1. This will let you develop, test and build truly native apps using the JavaScript skills you know and love, while leveraging the latest from the NativeScript team.</p> <h2>Command-Line Interface Improvements</h2> <p>There are a <a href="http://docs.telerik.com/platform/appbuilder/release-notes/v2-10#features-and-updates-in-the-command-line-interface-and-the-package-for-sublime-text">host of updates</a> to the AppBuilder CLI that you should read up on.</p> <p>Arguably the most underrated part of AppBuilder, our CLI is widely praised by Mac and Windows developers alike as a great way to supplement their existing IDE with AppBuilder services to build hybrid and native apps.</p> <p>You can get started by downloading the AppBuilder CLI <a href="https://www.npmjs.com/package/appbuilder">here</a>.</p> <h2>What's Next?</h2> <p>You'll see another big release of AppBuilder coming your way in another month or so. Right now, we are working on implementing some exciting ideas on the wearables front, along with improving your experience managing all of your icons and screenshots. We also have some exciting improvements planned for our Companion Apps and our mobile web developers are sure to be pleased with what we have coming, so stay tuned.</p> <p><strong>As usual, <a href="http://feedback.telerik.com/Project/129">sound off on our feedback portal</a> with any feature requests or other ideas!</strong></p><img src="http://feedpress.me/10810/1236242.gif" height="1" width="1"/>![]()
↧