Plugin Development

Plugins is the most important feature in Egg framework. It keeps Egg simple, stable and efficient, and also it can make the best reuse of business logic, to build an entire ecosystem. Someone should be confused:

As we've already explained some these points in Chapter using plugins before. Now we are going through how to build a plugin.

# Plugin Development

# Quick Start with Scaffold

You can choose plugin scaffold in egg-init for quick start.

$ egg-init --type=plugin egg-hello
$ cd egg-hello
$ npm i
$ npm test

# Directory of Plugin

Plugin is actually a 'mini application', directory of plugin is as below

. egg-hello
├── package.json
├── app.js (optional)
├── agent.js (optional)
├── app
│ ├── extend (optional)
│ | ├── helper.js (optional)
│ | ├── request.js (optional)
│ | ├── response.js (optional)
│ | ├── context.js (optional)
│ | ├── application.js (optional)
│ | └── agent.js (optional)
│ ├── service (optional)
│ └── middleware (optional)
│ └── mw.js
├── config
| ├── config.default.js
│ ├── config.prod.js
| ├── config.test.js (optional)
| ├── config.local.js (optional)
| └── config.unittest.js (optional)
└── test
└── middleware
└── mw.test.js

It is almost the same as the application directory, what's the difference?

  1. Plugin have no independant router or controller. This is because:

    • Usually routers are strongly bound to application, it is not fit here.
    • An application might have plenty of dependant plugins, routers of plugin are very possible conflict with others. It would be a disaster.
    • If you really need a general router, you should implement it as middleware of the plugin.
  2. The specific information of plugin should be declared in the package.json of eggPlugin

    • {String} name - plugin name(required), it must be unique, it will be used in the config of the dependencies of plugin.

    • {Array} dependencies - strong dependant plugins list of current plugin(if one of these plugins here is not found, application's startup will be failed)

    • {Array} optionalDependencies - optional dependencies list of this plugin.(if these plugins are not activated, only warnings would be occurred, and will not affect the startup of the application).

    • {Array} env - this option is available only when specify the environment. The list of env please refer to env. This is optional, most time you can leave it.

      {
      "name": "egg-rpc",
      "eggPlugin": {
      "name": "rpc",
      "dependencies": [ "registry" ],
      "optionalDependencies": [ "vip" ],
      "env": [ "local", "test", "unittest", "prod" ]
      }
      }
  3. No plugin.js

    • eggPlugin.dependencies is for declaring dependencies only, not for importing, nor activating.
    • If you want to manage multiple plugins, you should do it inupper framework

# Dependencies Management of Plugins

The dependencies are managed by plugin himself, this is different from middleware. Before loading plugins, application will read eggPlugin > dependencies and eggPlugin > optionalDependencies from package.json, and then sort out the loading orders according to their relationships, for example, the loading order of the following plugins is c => b => a

// plugin a
{
"name": "egg-plugin-a",
"eggPlugin": {
"name": "a",
"dependencies": [ "b" ]
}
}

// plugin b
{
"name": "egg-plugin-b",
"eggPlugin": {
"name": "b",
"optionalDependencies": [ "c" ]
}
}

// plugin c
{
"name": "egg-plugin-c",
"eggPlugin": {
"name": "c"
}
}

** Attention: The values in dependencies and optionalDependencies are the eggPlugin.name of plugins, not package.name. **

The dependencies and optionalDependencies is studied from npm, most time we are using dependencies, it is recommended. There are about two situations to apply the optionalDependencies:

Pay attention: if you are using optionalDependencies, framework won't verify the activation of these dependencies, they are only for sorting loading orders. In such situation, the plugin will go through other ways such as interface detection to decide processing logic.

# What can plugin do

We've discussed what plugin is. Now what can it do?

# Built-in Objects API Extension

Extend the built-in objects of the framework, just like the application

# Insert Custom Middlewares

  1. First, define and implement middleware under directory app/middleware

    'use strict';

    const staticCache = require('koa-static-cache');
    const assert = require('assert');
    const mkdirp = require('mkdirp');

    module.exports = (options, app) => {
    assert.strictEqual(typeof options.dir, 'string', 'Must set `app.config.static.dir` when static plugin enable');

    // ensure directory exists
    mkdirp.sync(options.dir);

    app.loggers.coreLogger.info('[egg-static] starting static serve %s -> %s', options.prefix, options.dir);

    return staticCache(options);
    };
  2. Insert middleware to the appropriate position in app.js(e.g. insert static middleware before bodyParser )

    const assert = require('assert');

    module.exports = app => {
    // insert static middleware before bodyParser
    const index = app.config.coreMiddleware.indexOf('bodyParser');
    assert(index >= 0, 'bodyParser highly needed');

    app.config.coreMiddleware.splice(index, 0, 'static');
    };

# Initialization on Application Starting

# Setup Schedule Task

  1. Setup dependencies of schedule plugin in package.json

    {
    "name": "your-plugin",
    "eggPlugin": {
    "name": "your-plugin",
    "dependencies": [ "schedule" ]
    }
    }
  2. Create a new file in ${plugin_root}/app/schedule/ directory to edit your schedule task

    exports.schedule = {
    type: 'worker',
    cron: '0 0 3 * * *',
    // interval: '1h',
    // immediate: true,
    };

    exports.task = async ctx => {
    // your logic code
    };

# Best Practice of Global Instance Plugin

Some plugins are made to introduce existing service into framework, like egg-mysql,egg-oss.They all need to create corresponding instance in application. We notice that there are some common problems when developing this kind of plugins:

If each plugin makes their own implementation, all sorts of configs and initializations will be chaotic. So the framework supplies the app.addSingleton(name, creator) API to unify the creation of this kind of services. Note that while using the app.addSingleton(name, creator) method, the configuration file must have the client or clients key configuration as the config to the creator function.

# Writing Plugin

We simplify the egg-mysql plugin and to see how to write such a plugin:

// egg-mysql/app.js
module.exports = app => {
// The first parameter mysql defines the field mounted to app, we can access MySQL singleton instance via `app.mysql`
// The second parameter createMysql accepts two parameters (config, app), and then returns a MySQL instance
app.addSingleton('mysql', createMysql);
}

/**
* @param {Object} config The config which already processed by the framework. If the application configured multiple MySQL instances, each config would be passed in and call multiple createMysql
* @param {Application} app the current application
* @return {Object} return the created MySQL instance
*/
function createMysql(config, app) {
assert(config.host && config.port && config.user && config.database);
// create instance
const client = new Mysql(config);

// check before start the application
app.beforeStart(async () => {
const rows = await client.query('select now() as currentTime;');
app.coreLogger.info(`[egg-mysql] init instance success, rds currentTime: ${rows[0].currentTime}`);
});

return client;
}

The initialization function also support Async function, convenient for some special plugins that need to be asynchronous to get some configuration files.

async function createMysql(config, app) {
// get mysql configurations asynchronous
const mysqlConfig = await app.configManager.getMysqlConfig(config.mysql);
assert(mysqlConfig.host && mysqlConfig.port && mysqlConfig.user && mysqlConfig.database);
// create instance
const client = new Mysql(mysqlConfig);

// check before start the application
const rows = await client.query('select now() as currentTime;');
app.coreLogger.info(`[egg-mysql] init instance success, rds currentTime: ${rows[0].currentTime}`);

return client;
}

As you can see, all we need to do for this plugin is passing in the field that need to be mounted and the corresponding initialization function. Framework will be in charge of managing all the configs and the ways to access the instances.

# Application Layer Usage Case

# Single Instance
  1. Declare MySQL config in config file

    // config/config.default.js
    module.exports = {
    mysql: {
    client: {
    host: 'mysql.com',
    port: '3306',
    user: 'test_user',
    password: 'test_password',
    database: 'test',
    },
    },
    };
  2. Access database through app.mysql directly

    // app/controller/post.js
    class PostController extends Controller {
    async list() {
    const posts = await this.app.mysql.query(sql, values);
    },
    }
# Multiple Instances
  1. Of course we need to configure MySQL in the config file, but different from single instance, we need to add clients in the config to declare the configuration of different instances. meanwhile, the default field can be used to configure the shared configuration in multiple instances(e.g. host and port). Note that in this case,should use get function to specify the corresponding instance(eg: use app.mysql.get('db1').query() instead of using app.mysql.query() directly to get a undefined).

    // config/config.default.js
    exports.mysql = {
    clients: {
    // clientId, access the client instance by app.mysql.get('clientId')
    db1: {
    user: 'user1',
    password: 'upassword1',
    database: 'db1',
    },
    db2: {
    user: 'user2',
    password: 'upassword2',
    database: 'db2',
    },
    },
    // default configuration for all databases
    default: {
    host: 'mysql.com',
    port: '3306',
    },
    };
  2. Access the corresponding instance by app.mysql.get('db1')

    // app/controller/post.js
    class PostController extends Controller {
    async list() {
    const posts = await this.app.mysql.get('db1').query(sql, values);
    },
    }
# Dynamically Instantiate

Instead of declaring the configuration in the configuration file in advance, We can dynamically initialize an instance at the runtime of the application.

// app.js
module.exports = app => {
app.beforeStart(async () => {
// get MySQL config from configuration center { host, post, password, ... }
const mysqlConfig = await app.configCenter.fetch('mysql');
// create MySQL instance dynamically
app.database = app.mysql.createInstanceAsync(mysqlConfig);
});
};

Access the instance through app.database

// app/controller/post.js
class PostController extends Controller {
async list() {
const posts = await this.app.database.query(sql, values);
},
}

Attention, when creating the instance dynamically, framework would read the default configuration in the config file as the default configuration

# Plugin Locate Rule

When loading the plugins in the framework, it will follow the rules to locate them as below:

# Plugin Specification

We are very welcome your contribution to the new plugins, but also hope you follow some of following specifications:

# Why do not use the npm package name as the plugin name?

Egg defines the plugin name through the eggPlugin.name, it is only unique in application or framework, that means many npm packages might get the same plugin name, why design in this way?

First, Egg plugin do not only support npm package, it also supports search plugins in local directory. In Chapter progressive we mentioned how to make progress by using these two configurations. Directory is more friendly to unit test. So, Egg can not ensure uniqueness through npm package name.

What's more, Egg can use this feature to make Adapter. For example, the plugin defined inTemplate Develop Spec was named as view, but there are plugins named egg-view-nunjucks and egg-view-react, the users only need to change the plugin and modify the templates, no need to modify the Controller, because all these plugins have implemented the same API.

Giving the same plugin name and the same API to the same plugin can make quick switch between them. This is really really useful in template and database.