チュートリアル: マーケティングオートメーションUIにアクティビティの種類を追加する

npm init

sample/package.json (for Sitecore 9.1+)

"dependencies": {
  "@sitecore/ma-core": "<wwwroot>/<sitecore instance>/sitecore/shell/client/Applications/MarketingAutomation/packages/ma-core",
  "@angular/common": "5.2.11",
  "@angular/compiler": "5.2.11",
  "@angular/compiler-cli": "5.2.11",
  "@angular/core": "5.2.11",
  "@angular/forms": "5.2.11",
  "@angular/http": "5.2.11",
  "@angular/platform-browser": "5.2.11",
  "@ngx-translate/core": "9.0.2",
  "rxjs": "5.5.11",
  "zone.js": "^0.8.4"
},
"devDependencies": {
  "ts-loader": "4.4.2",
  "typescript": "2.5.3",
  "webpack": "4.43.0",
  "webpack-cli": "3.3.11"
}

npm install

sample/src/sample.plugin.ts

import { Plugin } from '@sitecore/ma-core';

@Plugin({
  activityDefinitions: [ ]
})

export default class SamplePlugin {}

sample/package.json

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "dev": "ngc -p ./src/tsconfig.aot.json"
}

sample/tsconfig.json

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "removeComments": true,
    "sourceMap": true,
    "outDir": "./codegen",
    "rootDir": "./",
    "declaration": true,
    "lib": [
      "es2016",
      "dom"
    ],
    "baseUrl": ""
  }
}

sample/src/tsconfig.aot.json

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "removeComments": true,
    "sourceMap": true,
    "outDir": "../codegen",
    "rootDir": "./",
    "declaration": true,
    "lib": [
      "es2016",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "genDir": "../codegen",
    "skipMetadataEmit": true,
    "generateCodeForLibraries": true
  }
}

npm run dev

sample/src/sample.plugin.ts

import { Plugin } from '@sitecore/ma-core';
import { SampleSingleItemActivityType } from './sample-single-item-activity-type';
import { SampleSingleItemModuleNgFactory } from '../codegen/editor/sample-single-item-editor.module.ngfactory';
import { SampleSingleItemEditorComponent } from '../codegen/editor/sample-single-item-editor.component';

@Plugin({
  activityDefinitions: [
    {
      // The ID of the sitecore activity item that exists in the Master database under
      // sitecore/System/Settings/Analytics/Marketing Automation/Activity Types item
      id: '5908ca79-1089-440b-9af1-a2f47766a783',
      activity: SampleSingleItemActivityType,
      editorComponenet: SampleSingleItemEditorComponent,
      editorModuleFactory: SampleSingleItemModuleNgFactory
    }
  ]
})

export default class SamplePlugin {}

sample/webpack.config.js

var path = require("path");

module.exports = {
  entry: "./src/sample.plugin.ts",
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: "ts-loader",
        exclude: path.resolve(__dirname, "node_modules")
        }
      ]
  },
  resolve: {
    extensions: [".ts", ".js"]
  },
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "sample.plugin.js",
    library: "samplePlugin",
    libraryTarget: "umd"
  },
  externals: [
    "@sitecore/ma-core",
    "@angular/core",
    "@ngx-translate/core"
  ]
};

sample/package.json

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "dev": "ngc -p ./src/tsconfig.aot.json",
  "build": "webpack"
}

cp dist/sample.plugin.js <webroot>/sitecore/shell/client/Applications/MarketingAutomation/plugins/

SamplePlugin.config

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <sitecore>
    <marketingAutomation>
      <pluginDescriptorsRepository>
        <plugins>
          <!-- Assuming that the plugin bundle file name is sample.plugin.js
          and is deployed directly under the plugins folder -->
          <plugin path="./plugins/sample.plugin.js" />
        </plugins>
      </pluginDescriptorsRepository>
    </marketingAutomation>
  </sitecore>
</configuration>

cp SamplePlugin.config <webroot>/App_Config/Include/