This document is for a version of CakePHP that is no longer supported. Please upgrade to a newer release!
Components are packages of logic that are shared between controllers. If you find yourself wanting to copy and paste things between controllers, you might consider wrapping some functionality in a component.
CakePHP also comes with a fantastic set of core components you can use to aid in:
Security
Sessions
Access control lists
Emails
Cookies
Authentication
Request handling
Each of these core components are detailed in their own chapters. For now, we’ll show you how to create your own components. Creating components keeps controller code clean and allows you to reuse code between projects.
Many of the core components require configuration. Some examples of
components requiring configuration are
Authentication, Cookies and
Email. Configuration for these components, and
components in general is usually done in your Controller’s
beforeFilter()
method.
function beforeFilter() {
$this->Auth->authorize = 'controller';
$this->Auth->loginAction = array('controller' => 'users', 'action' => 'login');
$this->Cookie->name = 'CookieMonster';
}
Would be an example of configuring component variables in your
controller’s beforeFilter()
It’s possible, however, that a component requires certain configuration
options to be set before the controller’s beforeFilter
is run. To
this end, some components allow configuration options be set in the
$components
array.
var $components = array('DebugKit.toolbar' => array('panels' => array('history', 'session'));
Consult the relevant documentation to determine what configuration options each component provides.
The components can have the beforeRender
and beforeRedirect
callbacks which are triggered before your page is rendered and before a
redirect respectively.
You can disable the callbacks triggering by setting the enabled
property of a component to false
.
While components provide a way to create reusable controller code, that
performs a specific task. Components also offer a way to hook into the
general application flow. There are 5 built-in hooks, and more can be
created dynamically using Component::triggerCallback
.
The core callbacks are:
initialize() is fired before the controller’s beforeFilter, but after models have been constructed.
startup() is fired after the controllers’ beforeFilter, but before the controller action.
beforeRender() is fired before a view is rendered.
beforeRedirect() is fired before a redirect is done from a controller. You can use the return of the callback to replace the url to be used for the redirect.
shutdown() is fired after the view is rendered and before the response is returned.
You can add additional methods to your components, and call those
methods at any time by using Component::triggerCallback()
. If you
had added a onAccess
callback to your components. You could fire
that callback from within the controller by calling
$this->Component->triggerCallback('onAccess', $this);
You can disable the callbacks triggering by setting the enabled
property of a component to false
.
Suppose our online application needs to perform a complex mathematical operation in many different parts of the application. We could create a component to house this shared logic for use in many different controllers.
The first step is to create a new component file and class. Create the file in /app/controllers/components/math.php. The basic structure for the component would look something like this:
<?php
class MathComponent extends Object {
function doComplexOperation($amount1, $amount2) {
return $amount1 + $amount2;
}
}
?>
Take notice that our MathComponent extends Object and not Component. Extending Component can create infinite redirect issues, when combined with other Components.
Once our component is finished, we can use it in the application’s controllers by placing the component’s name (minus the “Component” part) in the controller’s $components array. The controller will automatically be given a new attribute named after the component, through which we can access an instance of it:
/* Make the new component available at $this->Math,
as well as the standard $this->Session */
var $components = array('Math', 'Session');
Components declared in AppController
will be merged with those in
your other controllers. So there is no need to re-declare the same
component twice.
When including Components in a Controller you can also declare a set of
parameters that will be passed on to the Component’s initialize()
method. These parameters can then be handled by the Component.
var $components = array(
'Math' => array(
'precision' => 2,
'randomGenerator' => 'srand'
),
'Session', 'Auth'
);
The above would pass the array containing precision and randomGenerator to MathComponent’s initialize() method as the second parameter.
This syntax is not implemented by any of the Core Components at this time
Components feature a number of callbacks used by the parent controller class. Judicious use of these callbacks can make creating and using components much easier.
initialize(&$controller, $settings=array())
The initialize method is called before the controller’s beforeFilter method.
startup(&$controller)
The startup method is called after the controller’s beforeFilter method but before the controller executes the current action handler.
beforeRender(&$controller)
The beforeRender method is called after the controller executes the requested action’s logic but before the controller’s renders views and layout.
shutdown(&$controller)
The shutdown method is called before output is sent to browser.
beforeRedirect(&$controller, $url, $status=null, $exit=true)
The beforeRedirect method is invoked when the controller’s redirect method is called but before any further action. If this method returns false the controller will not continue on to redirect the request. The $url, $status and $exit variables have same meaning as for the controller’s method.
Here is a skeleton component you can use as a template for your own custom components.
<?php
class SkeletonComponent extends Object {
//called before Controller::beforeFilter()
function initialize(&$controller, $settings = array()) {
// saving the controller reference for later use
$this->controller =& $controller;
}
//called after Controller::beforeFilter()
function startup(&$controller) {
}
//called after Controller::beforeRender()
function beforeRender(&$controller) {
}
//called after Controller::render()
function shutdown(&$controller) {
}
//called before Controller::redirect()
function beforeRedirect(&$controller, $url, $status=null, $exit=true) {
}
function redirectSomewhere($value) {
// utilizing a controller method
$this->controller->redirect($value);
}
}
?>
You might also want to utilize other components inside a custom component. To do so, just create a $components class variable (just like you would in a controller) as an array that holds the names of components you wish to utilize.
<?php
class MyComponent extends Object {
// This component uses other components
var $components = array('Session', 'Math');
function doStuff() {
$result = $this->Math->doComplexOperation(1, 2);
$this->Session->write('stuff', $result);
}
}
?>
To access/use a model in a component is not generally recommended; If you end up needing one, you’ll need to instantiate your model class and use it manually. Here’s an example:
<?php
class MathComponent extends Object {
function doComplexOperation($amount1, $amount2) {
return $amount1 + $amount2;
}
function doReallyComplexOperation ($amount1, $amount2) {
$userInstance = ClassRegistry::init('User');
$totalUsers = $userInstance->find('count');
return ($amount1 + $amount2) / $totalUsers;
}
}
?>
Sometimes one of your components may need to use another.
You can include other components in your component the exact same way
you include them in controllers: Use the $components
var.
<?php
class CustomComponent extends Object {
var $name = 'Custom'; // the name of your component
var $components = array('Existing'); // the other component your component uses
function initialize(&$controller) {
$this->Existing->foo();
}
function bar() {
// ...
}
}
?>
<?php
class ExistingComponent extends Object {
var $name = 'Existing';
function initialize(&$controller) {
$this->Parent->bar();
}
function foo() {
// ...
}
}
?>