Strapi v4 플러그인 생성 방법: 플러그인 생성 1/6

설명서에는 이미 plugin development 섹션이 나와 있습니다. 그러나 최근에 Strapi를 발견한 경우 특히 따라가기가 약간 어려울 수 있습니다. 이 튜토리얼은 할 일 목록 플러그인의 실제 예를 통해 이 프로세스를 더 쉽게 배울 수 있도록 하는 것을 목표로 합니다.

데이터 지속을 위한 플러그인 콘텐츠 유형을 생성하고, 백엔드를 사용자 지정하고, 설정을 생성하고, 플러그인 홈페이지를 생성하고, 관리자에 React 구성 요소를 삽입하는 간단한 To-Do 플러그인 생성 방법을 배웁니다. Strapi Design System 등.

이 단계별 Strapi v4 플러그인 개발 튜토리얼은 Strapi v4 버전에서만 작동합니다.

플러그인 생성

우리는 귀하가 Strapi 프로젝트를 가지고 있고 귀하가 터미널에서 내부에 있다고 가정합니다. 여기에서 generate CLI 명령을 사용하여 간단히 플러그인을 생성할 수 있습니다.

이 명령을 사용하면 Strapi 프로젝트에 대한 API, 컨트롤러, 콘텐츠 유형, 플러그인, 정책, 미들웨어 및 서비스를 생성할 수 있습니다.

# yarn
yarn strapi generate plugin

# npm
npm run strapi generate plugin

$ strapi generate plugin
? Plugin name todo

이 플러그인의 이름은 todo입니다.

$ strapi generate plugin
? Plugin name todo
✔  +! 25 files added
...

You can now enable your plugin by adding the following in ./config/plugins.js.

─────────────────────────────────
module.exports = {
  // ...
  'todo': {
    enabled: true,
    resolve: './src/plugins/todo'
  },
  // ...
}
─────────────────────────────────

Strapi는 v4 플러그인의 기본 파일을 포함하는 새./src/plugins/todo 폴더를 생성했습니다.
generate 명령의 결과는 ./config/plugins.js 파일이 이미 있는 경우 업데이트하거나 다음을 사용하여 생성하도록 초대합니다.

// ./config/plugins.js
module.exports = {
  todo: {
    enabled: true,
    resolve: './src/plugins/todo',
  },
};

이 섹션의 마지막 단계는 Strapi 프로젝트의 build the admin입니다.

관리자를 업데이트하려면 Strapi 프로젝트를 빌드해야 합니다. 기본적으로 Strapi는 관리자에 일부 플러그인 구성 요소(메뉴 링크, 홈페이지)를 주입하므로 빌드가 필요합니다.

그러나 'yarn'|'npm run' develop --watch-admin 옵션을 사용하여 서버를 직접 시작할 수 있습니다. autoReload가 활성화되고 프런트엔드 개발 서버가 있는 상태에서 애플리케이션을 시작합니다. 매번 구축하지 않고도 관리 패널을 사용자 정의할 수 있습니다.

플러그인 개발 중에 응용 프로그램을 반복해서 빌드하는 대신 다음을 사용하여 autoReload가 활성화된 상태에서 Strapi 프로젝트를 실행하면서 플러그인 작업을 수행하는 것이 좋습니다. --watch-admin
플러그인 개발이 완료되면 애플리케이션을 빌드해야 합니다.

# yarn
yarn build
# or
yarn develop --watch-admin

# npm
npm run build
# or
npm run develop --watch-admin

구축 후 또는 실행 후develop --watch-admin 서버를 시작하면 비어 있는 홈페이지로 연결되는 기본 탐색에 todo 플러그인이 표시되어야 합니다.

다음:

Step 2 - How to create a Strapi v4 plugin : File structure 2/6

Step 3- How to create a Strapi v4 plugin : Add a content-type to a plugin 3/6

Step 4- How to create a Strapi v4 plugin : Server customization 4/6

Step 5- How to create a Strapi v4 plugin : Admin customization 5/6

Step 6- How to create a Strapi v4 plugin : Publish on npm 6/6