Synchro Web App Support is Here!

Synchro was designed to make it easy to build, distribute, and maintain native mobile enterprise apps. Many of the apps that are a great fit for Synchro are currently implemented as web apps. We've gotten a lot of feedback that replacing these web apps with native apps using a platform that did not also provide web app support was an issue. Particularly, if an app needs to be accessible from a desktop browser, as well as from mobile clients, our solution required that you either keep your existing web app around, or if you didn't already have one, to implement one separately using some other solution.

We're very excited to announce that Synchro Server now supports web interfaces to your Synchro apps. The exact same Synchro app code used to drive native mobile apps can now also drive a web interface.

These web apps can be used as-is, or they can be integrated into an existing web-based application or system. In addition, Synchro web app styling is done largely with CSS, and you can of course modify or override the built-in Synchro styles as necessary.

Review: Native Mobile Apps with Synchro

For native mobile apps, Synchro supports iOS, Android, and Windows Phone for "phone" form-factor devices. Here is what our Synchro Civics demo app looks like on phones:

And we support native iOS, Android, and Windows apps for tablet/PC form-factor devices. Here is what Synchro Civics looks like on a tablet (running Windows):

Synchro Civics on Phones

If you want to get a feel for Synchro performance and UX interaction, this video walks through Synchro Civics on iOS, Android, and Windows Phone side-by-side-by-side:

For the source code that's driving this app, see the Synchro Civics GitHub repository. It's about 200 logical lines of code, all running on the server.

Synchro Samples on Phones

Here's another video showing a walkthrough of some of the functionality of the Synchro Samples demo app (again, on iOS, Android, and Windows Phone, side-by-side-by-side):

For the source code that's driving this, see the Synchro Samples GitHub repository.

Synchro Web App Support

As we said in the introduction, Synchro Server now supports web interfaces to your Synchro apps. What's more, these web app interfaces are optimized for mobile browsers.

The exact same Synchro app code used to drive native mobile apps can now also drive a web interface. While Synchro provides several mechanisms to modify layouts or apply styles to controls based on things like form-factor and operating system, none of that has been done here. Just to be clear: we did not make any changes to the Synchro Civics or Synchro Samples apps to support the mobile and desktop web interfaces you see below.

Here is what Synchro Civics looks like on mobile browsers:

And here is what Synchro Civics looks like on a desktop browser:

Synchro Civics and Samples - Mobile Web

Here is a video showing Synchro Civics and some of Synchro Samples running on mobile browsers on iOS (Safari), Android (Android Browser), and Windows Phone (Internet Explorer):

Synchro Civics and Samples - Desktop Web

And here is that same Synchro Civics and Synchro Samples demo running in a desktop browser (Chrome):

Try it and See

To run these apps in your browser from our API server, visit api.synchro.io/app/civics or api.synchro.io/app/samples. If you are running your own Synchro Server for development, just update your server to the latest version, run it, and go to its app list page to see links to the web app for each app it is serving.

Configuring and Integrating Synchro Web Apps

You can use Synchro Web Apps out of the box, served from your Synchro Server (as above). You can also serve these apps from your own Node.js instance. And you can even integrate Synchro Web Apps into your own web apps, regardless of the framework they use. For details, see the help center topic: Using and Integrating the Web App Interface.

Summary

Synchro Server now supports both native mobile apps and web apps from the same server and same app source code. It provides a true write-once, run-everywhere solution for enterprise applications.