LowCode (Mendix) Advanced/Build a Pluggable Widget

Build and Share your Widget

Caryou 2024. 10. 2. 17:02

 

학습 목표

이 모듈을 마치면 다음을 수행 할 수 있습니다.

  • 위젯 구축
  • 위젯을 다른 앱 또는 Marketplace에 공유

Mendix 프로젝트 간 위젯 공유

위젯을 Mendix 프로젝트에서 별도의 폴더로 이동합니다.

projects
│
└───My_First_Widget <--(Mendix Project)
└───pluggableWidgets <--(Widgets Folder)
  │
  └───characterCounter <--(Widget)

프로젝트의 위치와 위젯의 위치는 이제 다음과 같습니다.

이제 projectPath를 알맞게 변경해주면 됩니다.  

 

package.json ( 기존 )

  "config": {
    "projectPath": "../../",

  },

 

package.json ( 변경 후 )

  "config": {
    "projectPath": "../../My_First_Widget",
  },

 

package.json ( 다른 프로젝트 생성 시 )

  "config": {
    "projectPath": "../../Another_Mendix_App",
  },

 

그리고 새로운 프로젝트에 위젯을 빌드 하기 위해 실행합니다. npm run build

그러면 위젯이 해당 Mendix 프로젝트의 위젯 폴더에 추가되며 다음 경로에  찾을 수 있습니다. Another_Mendix_App/widgets

 

이제 커밋 하고 프로젝트를 받아온다면 모든 사람이 이 위젯을 사용이 가능합니다. 

 

출처 : Mendix Academy - Build a Pluggable Widget