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.

Configuring Components

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.

Component callbacks

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.

Creating Components

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:


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.

Including Components in your Controllers

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

MVC Class Access Within Components

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.


The startup method is called after the controller’s beforeFilter method but before the controller executes the current action handler.


The beforeRender method is called after the controller executes the requested action’s logic but before the controller’s renders views and layout.


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.

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

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.

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:

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;

Using other Components in your Component

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.

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) {

    function bar() {
        // ...
class ExistingComponent extends Object {
    var $name = 'Existing';

    function initialize(&$controller) {

    function foo() {
        // ...