Импорт интерфейсных библиотек на сайт wix
Я разработал приложение React с использованием CRA и пытаюсь разместить его на существующей странице wix. С WIX я могу использовать файлы javascript, поэтому я связал код своего приложения с зависимостями в один файл и попытался скопировать и вставить код response и response-dom с его официального компакт-диска в свой каталог.
Как-то все еще не работает, в response-dom.js я вижу ошибку:
'window' is not defined
Хотя сейчас я пытаюсь импортировать только с помощью react и react-dom, проблема в целом относится к импорту библиотек внешнего интерфейса js в WIX.
Мне нужно, чтобы код приложения размещался на странице wix, но я думаю, что он должен работать нормально, если я добавляю зависимости приложений с использованием cdns из iframe, немного как в Эта тема, а затем обращайтесь к нему с помощью синтаксиса wix
let React = $w("#elementid").window.React;
чтобы получить iframe, а оттуда получить ссылку на React / другую библиотеку. iFrame (элемент WIX HTML) размещается в том же источнике.
Я также могу использовать код node.js и перечисленные модули npm здесь
Мысли?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы не можете использовать собственный код реакции непосредственно на странице кода Wix.
Вы можете написать HTML-документ и загрузить его в свой элемент iframe, но код нужно будет запускать в iframe по соображениям безопасности. Вы можете обмениваться сообщениями между iframe и страницей кода Wix, используя функции postMessage и onMessage, только элемент iframe.
https://www.wix.com/code/reference/$w.HtmlComponent.html
https://support.wix.com/en/article/wix-code-working-with-the-html-element
Вы можете включать пакеты nodejs (после утверждения), если они не пытаются напрямую манипулировать dom. Вам нужно думать о странице кода Wix так же, как о фреймворке jquery. Существует селектор области главной страницы $ w, в котором находятся элементы вашей страницы. С помощью селектора области действия $ w или связанных обработчиков событий можно управлять только элементами, определенными в вашем редакторе Wix.
Единственный способ использовать javascript, который управляет dom напрямую или через фреймворк, такой как response, - это изолировать в iframe с помощью htmlComponent.