Build mobile applications

Overview

Using Adobe ColdFusion (2018 release) and ColdFusion Builder (2018 release) (comprising the ColdFusion Mobile Platform), you can quickly build mobile applications targeting multiple platforms. You do not have to focus on the limitations and capabilities of various mobile platforms and their supporting web browsers. You can build your mobile applications completely using ColdFusion and can make it work equally well on desktop browsers, mobile browsers, and as installed HTML5-based native applications.

The ColdFusion Mobile Platform aims at providing a server and development infrastructure that facilitates rapid and robust mobile application development, debugging, packaging, and deployment. The platform comprises of the following key components:

  • The CFML Language: Added capabilities to the CFML programming language that facilitates the conversion of CFML code to mobile-friendly HTML/JavaScript, enabling easy adoption of newer web standards such as HTML5.
  • ColdFusion Builder: You can use ColdFusion Builder along with ColdFusion Server for quickly building, debugging, inspecting, and packaging mobile applications.

With the ease of programming that CFML facilitates and with the power of JavaScript, the ColdFusion Mobile platform will be a robust platform and a complete solution for mobile applications development. 
Leveraging the ColdFusion Mobile platform, you can rapidly develop mobile applications in CFML. Note that the CFML constructs relevant for client-side applications development will be converted to JavaScript automatically by ColdFusion. This means that not all CFML features, functions, tags, and other functionality are supported for conversion to JavaScript.
Note: This version of the pre-release bundle supports debugging while building mobile applications using ColdFusion Builder.

Types of mobile applications

ColdFusion Mobile Platform allows you to create the following types of mobile applications:

  • ColdFusion-deployed web app that can be rendered through the mobile device's web browser. There is no support for device's native functionalities.
  • Hybrid/shell app that can run as a standalone mobile application. This type supports device's native functionalities.

 

Setting up the ColdFusion server

Install ColdFusion Server by following the instructions provided in the installation guide. While installation, you do not need to configure the server to support mobile applications as the support is available by default.

Setting up ColdFusion Builder

Install ColdFusion Builder by following the instructions provided in the Installing Adobe ColdFusion Builder guide. Before you start reading this document, read the Using Adobe ColdFusion Builder guide.

Creating a mobile project

Note that ColdFusion Builder has introduced a new 'ColdFusion Mobile Project' type that will help you build and package mobile applications. However, you can convert your existing ColdFusion projects to a ColdFusion Mobile projects automatically. See Migrating existing projects
To create a ColdFusion Mobile project, perform the following tasks:

  • Click File > New > ColdFusion Mobile Project or Right-click on the Navigator area and click New > ColdFusion Mobile Project. You will be asked to select a mobile template. For more information on creating your own mobile template, read Mobile Templates. To import existing templates, click Import. Note that the mobile template must conform to the standards outlined in Mobile Templates.
Choose template
Choose template

  •  Click Next.
  • In the Project Information section, enter the following details:
    1. Enter the name of your project. 
    2. Select the CFML Dictionary Version as ColdFusion 2018
Project information
Project information

  • Click Next.
  • In the Server Details screen, from the Servers dropdown box, and click Add Server.
  • In the Server Settings screen, enter the server details. Click Next.
  • In the Link Folders section, map the specific ColdFusion directories available under the Server's web root to your project:
Link folders
Link folders

  • Click Finish.

You have successfully created a ColdFusion Mobile project. Now you can start building your mobile applications.

Note 

While developing mobile applications using ColdFusion platform, ensure that the index.cfm and index.html files are in the root directory of the selected assets.

Write some code

Now that you have a mobile project, write some code to capture an image from the device camera:

<cfclientsettings enableDeviceAPI=true>

<cfclient>
<cfset document.getElementById('result').innerHTML=document.getElementById('result').innerHTML+"Hello from cfclient!"> 
</cfclient>
 
<div id="result"/>

Migrating existing projects

You can automatically convert your existing ColdFusion projects to ColdFusion Mobile projects by applying the ColdFusion Mobile nature as shown in the following screen shot :

Migrate existing project
Migrate existing project

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?