У меня есть React
сайт на TypeScript
.
На стороне сервера ASP.NET Core 2.0 MVC
, но как делать плагинную систему на ASP.NET Core 2.0 MVC это отдельная тема, и в этом вопросе её не трогаю.
Мне необходимо позволить программистам писать плагины для сайта. Как это можно сделать, какие для этого есть подходы и библиотеки / фреймворки?
Например у меня на форуме есть компонент сообщение форума, я хочу написать плагин который мне на это сообщение добавит возможность лайкать. Допустим со стороны сервера всё подготовлено, как мне на клиенте внедрить дополнительную логику в уже имеющийся компонент, или даже целиком полностью подменить компонент сообщения?
Я понимаю что отдельная проблема это не допускать вредоносный код в плагинах, но это тоже отдельная тема, и в этом вопросе можно без этого аспекта.
Обновлено: Как я пока думаю это делать.
Отнаследовать от React.Component свой класс PluginableComponent
, в котором будет коллекция подключеных плагинов (будет инициализироваться из репозитория плагинов). Каждый плагин будет иметь доступ к state компонента (будет передаваться через Init плагина), и при вызове любых событий React.Component
подобные события будут вызываться во всех плагинах.
Теперь самое сложное. Как плагин может модифицировать render. Как пока не знаю, но мысль такая что сначала срабатывает render у самого компонента, потом в плагине вызовется функция onRender и как аргумент передастся html код результата, и потом через DOM манипуляции плагин добавит необходимый HTML в результат. Может быть не очень красиво, но пока не понимаю как иначе сделать. Кроме того как получить HTML код результата render основного элемента пока не знаю.
В результате плагинная система сайта сможет расширять любой элемент сайта объявленный как PluginableComponent
.