Skip to content

Latest commit

 

History

History
202 lines (150 loc) · 9.99 KB

plugin-intro.md

File metadata and controls

202 lines (150 loc) · 9.99 KB

Intro to Plugin Dev

What are Plugins?

Plugins are mini applications that run alongside Craft’s core code. They can be simple, serving a single purpose like providing a new Dashboard widget type, or they can be complex, introducing entirely new concepts to the system, like an e-commerce application. Craft’s plugin architecture provides a solid foundation for building just about anything.

Technically, plugins are a superset of Yii Modules, which means they can have models, active record classes, controllers, application components, and other things. It wouldn’t hurt to take some time to read up on those concepts if you are new to Yii.

The main benefits of Craft Plugins over Yii Modules are:

  • Plugins can be installed, updated, and uninstalled.
  • Plugins can have their own migrations, managed separately from Craft and content migrations.
  • Plugins can have a global template variable, accessed from craft.pluginHandle.
  • Plugins can have their own section in the Control Panel.

Getting Started

{tip} Use [pluginfactory.io] to create your plugin’s scaffolding with just a few clicks.

Preparation

Before you begin working on a plugin, you need to decide on a few things:

  • Package name – Used to name your Composer package. It’s required even if you don’t want to distribute your plugin via Composer. (See Composer’s documentation for details.)
  • Namespace prefix – Your plugin’s class namespaces will begin with this. (See the PSR-4 autoloading specification for details.) Note that this should not begin with craft\; use something that identifies you, the developer.
  • Plugin handle – Something that uniquely identifies your plugin within the Craft ecosystem. (Plugin handles must begin with a letter and contain only letters, numbers, and underscores. They should be camelCased.)
  • Plugin name – What your plugin will be called within the Control Panel.

Naming things is one of the two hardest things in computer science, so if you can make a decision on those things, the rest of the plugin should practically write itself.

Setting up the basic file structure

To create a plugin, create a new directory for it wherever you like to work on development projects (the name is not important, as far as Craft is concerned). Give it the following structure:

base_dir/
  composer.json
  src/
    Plugin.php

composer.json

Whether or not you wish to make your plugin available as a Composer dependency (you probably should), your plugin must have a composer.json file. Craft will check this file to get basic information about the plugin.

Use this template as a starting point for your composer.json file:

{
  "name": "package/name",
  "description": "Your plugin’s package description",
  "version": "1.0.0",
  "type": "craft-plugin",
  "minimum-stability": "dev",
  "require": {
    "craftcms/cms": "^3.0.0-alpha.1"
  },
  "autoload": {
    "psr-4": {
      "ns\\prefix\\": "src/"
    }
  },
  "extra": {
    "handle": "pluginHandle",
    "name": "Plugin Name",
    "developer": "Developer Name",
    "developerUrl": "https://developer-url.com"
  }
}

Replace:

  • package/name with your package name.
  • ns\\prefix\\ with your namespace prefix. (Use double-backslashes because JSON, and note this must end with \\.)
  • pluginHandle with your plugin handle.
  • Plugin Name with your plugin name.
  • Developer Name with your name, or the organization name that the plugin should be attributed to.
  • https://developer-url.com with the URL to the website the developer name should link to in the Control Panel.

Here’s a full list of the properties that can go in that extra object:

  • handle – The plugin handle (required).
  • class – The primary Plugin class name. If not set, the installer will look for a Plugin.php file at each of the autoload path roots.
  • basePath – The base path to your plugin’s source files. This can begin with one of your autoload namespaces, formatted as a Yii alias (e.g. @vendorname/foo). If not set, the directory that contains your primary Plugin class will be used.
  • name – The plugin name. If not set, the package name (sans vendor prefix) will be used.
  • version - The plugin version. If not set, the current package version will be used.
  • schemaVersion – The plugin schema version.
  • description – The plugin description. If not set, the main description property will be used.
  • developer – The developer name. If not set, the first author’s name will be used (via the authors property).
  • developerUrl – The developer URL. If not set, the homepage property will be used, or toe first author’s homepage (via the authors property).
  • documentationUrl – The plugin’s documentation URL. If not set, the support.docs property will be used.
  • changelogUrl – The plugin’s changelog URL (used to show pending plugin updates and their release notes).
  • downloadUrl – The plugin’s download URL (used to update manual installations of the plugin).
  • sourceLanguage – The plugin’s source language (defaults to en-US).
  • hasSettings – Whether the plugin has settings (should be true or false).
  • hasCpSection – Whether the plugin has its own section in the Control Panel (should be true or false).
  • components – Object defining any component configs that should be present on the plugin.

{note} Don’t include composer/installers as a Composer dependency.

{tip} While not strictly required by Composer, we recommend you explicitly set the version in your composer.json because it makes a couple things easier on your when developing the plugin. Don’t forget to keep it updated though!

Primary Plugin Class

The src/Plugin.php file is your plugin’s primary class. It will get instantiated at the beginning of every request. Its init() method is the best place to register event listeners, and any other steps it needs to take to initialize itself.

Use this template as a starting point for your Plugin.php file:

<?php
namespace ns\prefix;

class Plugin extends \craft\base\Plugin
{
    public function init()
    {
        parent::init();

        // Custom initialization code goes here...
    }
}

Replace ns\prefix with your plugin’s namespace prefix.

Loading your plugin into Craft

There are two ways to make your plugin visible to Craft:

  1. Move/symlink the plugin into your plugins/ folder
  2. Set your plugin up as a Composer dependency

Move/symlink the plugin into your plugins/ folder

This route is simpler, but it’s only practical if your plugin isn’t going to have any of its own Composer dependencies (besides Craft itself).

In your terminal, go to your Craft project’s plugins/ folder and create a symlink to your plugin’s root directory. The symlink should be named identically to your plugin’s handle, except all-lowercase.

> cd ~/dev/my-craft-project/plugins
> ln -s ~/dev/my-plugin pluginhandle

Set your plugin up as a Composer dependency

Composer supports a path repository type, which can be used to symlink your plugin into the vendor/ folder right alongside your project’s other dependencies (like Craft itself). This is the best way to go if your plugin has any of its own dependencies, as Composer will still load those into the vendor folder like normal.

To set this up, open your Craft project’s composer.json file and add a new path repository record, pointed at your plugin’s root directory.

{
  "repositories": [
      {
        "type": "path",
        "url": "../my-plugin"
      }
    ]
}

In your terminal, go to your Craft project and tell Composer to require your plugin. (Use the same package name you gave your plugin in its composer.json file.)

> cd ~/dev/my-craft-project
> composer require package/name

{note} One caveat of path Composer repositories is that Composer is not too smart about keeping their dependencies updated when calling composer update. You may need to remove and re-require your plugin in your Craft project each time its dependencies change.

Plugin Icons

Plugins can provide an icon, which will be visible on the Settings → Plugins page.

The Settings → Plugins page in Craft’s Control Panel.

Plugin icons must be square SVG files, saved as icon.svg at the root of your plugin’s source directory (e.g src/).

If your plugin has a Control Panel section, you can also give its global nav item a custom icon by saving an icon-mask.svg file in the root of your plugin’s source directory. Note that this icon cannot contain strokes, and will always be displayed in a solid color (respecting alpha transparency).