Skip to content

Latest commit

 

History

History
171 lines (119 loc) · 8.06 KB

my-first-coldbox-application.md

File metadata and controls

171 lines (119 loc) · 8.06 KB

My First ColdBox Application

The coldbox create app command enables you to create application skeletons using one of our official skeletons or your own. Here are the names of the common ones you can find in our Github Organization:

  • Default: The default app template
  • Elixir : A ColdBox Elixir based template to do asset compilation for you
  • Rest: A RESTFul services template
  • Rest-hmvc: A RESTFul service built with modules
  • SuperSimple : The bare-bones template
  • Vite: The default template using VITE for asset bundling

{% hint style="success" %} You can find all our template skeletons here: github.com/coldbox-templates {% endhint %}

{% embed url="https://coldbox-elixir.ortusbooks.com/" %} ColdBox Elixir Docs {% endembed %}

Scaffolding Our Application

So let's create our first app using the default template skeleton:

coldbox create app Quickstart

File/Folder Conventions

Here are some of the major files and directory conventions you should know about:

DirectoryConventionMandatoryDescription
.vscodefalsefalseMappings and build tasks for VSCode
buildfalsefalseDocker helpers
coldboxfalsetrueThe framework library
configtruetrueConfigurations and module configurations
handlerstruefalseEvent handler controllers
includestruefalsei18n, JavaScript, helpers, CSS
interceptorsfalsefalseEvent driven listeners go here
layoutstruefalseApplication CFML layouts
libtruefalseJava libraries or third party libraries
modelstruefalseModel objects
modulestruefalseCommandBox driven dependencies
modules_apptruefalseCustom applicaiton modules
testsfalsefalseYour application specs
viewstruefalseApplication CFML views

Here are the major files you should know about:

FileConventionMandatoryDescription
.cfconfig.jsontruefalseLoads the CFML Engine settings
.cfformat.jsontruefalseFormatting rules
.cflintrctruefalseLinting rules
.envtruefalseEnvironment variables (Never commit)
.env.examplefalsefalseExample env file
Application.cfctruetrueYour application bootstrap
box.jsontruefalseYour CommandBox package descriptor
index.cfmtruetrueFront placeholder file
server.jsontruefalseCommandBox server control

Now let's start a server so we can see our application running:

server start

{% hint style="info" %} This will start up a Lucee 5 open-source CFML engine. If you would like an Adobe ColdFusion server then add to the command: cfengine=adobe@{version} where {version} can be: 2021,2018,2016. {% endhint %}

Default Event

This command will start a server with URL rewrites enabled, open a web browser for you, and execute the index.cfm which in turn executes the default event by convention in a ColdBox application: main.index. This is now our first runtime convention!

Instead of executing pages like in a traditional application, we always execute the same page but distinguish the event we want via URL routing. When no mappings are present, we execute the default event by convention.

{% hint style="success" %} Tip: ColdBox Events map to handlers (cfc) and appropriate actions (functions) {% endhint %}

{% hint style="success" %} Tip: The default event can also be changed in the configuration file: config/Coldbox.cfc {% endhint %}

Hooray, we have scaffolded our first application, started a server, and executed the default event. Explore the application template generated, which contains useful information about your application.

{% hint style="success" %} Tip: Type coldbox create app help to get help on all the options for creating ColdBox applications. {% endhint %}

Let's open the handler and see the code, so open handlers/main.cfc

component extends="coldbox.system.EventHandler" {

	/**
	 * Default Action
	 */
	function index( event, rc, prc ){
		prc.welcomeMessage = "Welcome to ColdBox!";
		event.setView( "main/index" );
	}

	/**
	 * Produce some restfulf data
	 */
	function data( event, rc, prc ){
		return [
			{ "id" : createUUID(), "name" : "Luis" },
			{ "id" : createUUID(), "name" : "Joe" },
			{ "id" : createUUID(), "name" : "Bob" },
			{ "id" : createUUID(), "name" : "Darth" }
		];
	}

	/**
	 * Relocation example
	 */
	function doSomething( event, rc, prc ){
		relocate( "main.index" );
	}

	/**
	 * --------------------------------------------------------------------------
	 * Implicit Actions
	 * --------------------------------------------------------------------------
	 * All the implicit actions below MUST be declared in the config/Coldbox.cfc in order to fire.
	 * https://coldbox.ortusbooks.com/getting-started/configuration/coldbox.cfc/configuration-directives/coldbox#implicit-event-settings
	 */

	function onAppInit( event, rc, prc ){
	}

	function onRequestStart( event, rc, prc ){
	}

	function onRequestEnd( event, rc, prc ){
	}

	function onSessionStart( event, rc, prc ){
	}

	function onSessionEnd( event, rc, prc ){
		var sessionScope     = event.getValue( "sessionReference" );
		var applicationScope = event.getValue( "applicationReference" );
	}

	function onException( event, rc, prc ){
		event.setHTTPHeader( statusCode = 500 );
		// Grab Exception From private request collection, placed by ColdBox Exception Handling
		var exception = prc.exception;
		// Place exception handler below:
	}

}

The action (function) we are interested in is the index() function.

function index( event, rc, prc ){
	prc.welcomeMessage = "Welcome to ColdBox!";
	event.setView( "main/index" );
}

It sets a message in an incoming prc argument and then calls a method in the incoming event argument to set a view for rendering. We will discover these arguments in the next section. For now, we need to understand that handler actions are in place of traditional CFML pages. Depending on the incoming URL route, we execute the appropriate handler and action function.

Re-initializing the Application

There will be times when you make configuration or metadata/singleton code changes that are not reflected immediately in the application due to caching. You can tell the framework to reinit or restart the application for you via the URL by leveraging the special URL variable fwreinit.

http://localhost:{port}/?fwreinit=1

You can also use CommandBox to reinit the application:

coldbox reinit

{% hint style="success" %} Tip: You can add a password to the reinit procedures for further security, please see the configuration section. {% endhint %}