Mobile app development tools Adobe

01_android_pg_shell_appColdFusion 11 and ColdFusion Builder 3 provides a complete workflow for developing HTML5-based mobile applications. You can build your mobile application using the client-side CFML, HTML, and JavaScript. You can also test and inspect the application using Weinre (integrated in ColdFusion 11). Also, ColdFusion Builder allows you to debug your application using the built-in client-side CFML debugger. Once you have the application ready, you can package it using the PhoneGap Build integration feature of ColdFusion Builder 3.

The article “Build your first mobile app with ColdFusion 11” focuses on the coding aspect of mobile application development using ColdFusion. This article provides an overview of the entire mobile application development process using ColdFusion. Collectively, this article refers to mobile development features of ColdFusion as CFMobile.

02_ios_shell_app1HTML5 mobile applications are developed using HTML, JavaScript, and CSS. What has made HTML5 suitable for mobile application development is availability of embeddable Web Browser component in most native mobile development SDKs (Software Development Kit), like Android and iOS. Just as you can insert a Text Box in a native mobile application, you can also insert a Web Browser component. These native SDKs also provide an interface to call functions from JavaScript running in the built-in browser component to native code and vise versa. This makes it possible to call the device APIs, like Contacts, Camera etc., from the JavaScript code. Libraries like PhoneGap provide a bridge (JavaScript to native APIs), using common programming APIs, that work across different mobile operating systems. So, you can create a stand-alone mobile application using HTML5 and make use of the device APIs.

03_Weinre Server AdminClient-side CFML

ColdFusion 11 enables you to develop mobile applications using CFML, HTML5, and PhoneGap. You do not need to know PhoneGap or be familiar with PhoneGap APIs or its development model. You just need to know ColdFusion Mobile device APIs, which encapsulates corresponding, one or more, PhoneGap APIs.

ColdFusion now supports client-side CFML. Client-side CFML is the code that executes in a browser, unlike server-side CFML, which is compiled and executed on the server to generate the HTML output that is sent to a browser. You wrap the client-side CFML in tag. Inside tag you can write tag style and/or script style (within tag) code.

Translation of CFML to JavaScript

When you develop a standalone mobile application, where pages are not served by any server, all the code in the application must be HTML, JavaScript or CSS. Mobile browser, in such applications, would not be able to execute CFML code, because there is no ColdFusion server to execute it. Client-side CFML must be translated to JavaScript before it could be executed in a browser. ColdFusion 11 does this in two cases:

  • When any page with tag is to be served (for example, in the case of mobile web application)
  • When mobile application is to be packaged so that it could be installed as a standalone application in a device.

Interoperability between client-side CFML and JavaScript

Since the client-side CFML (inside the tag) is translated to JavaScript, you can use the JavaScript functions within cfclient and call the cfclient functions from JavaScript. For example you can call console.log method of JavaScript from within cfclient.

04_Weinre Client -1 05_Weinre Client -2 06_Weinre Client -3 09_Weinre Client -6

You might also like

Useful tips for an enterprise mobile app development company  — WhaTech
Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.