Импорт библиотек веб-интерфейса на веб-сайт wix - PullRequest
Новая
       12

Импорт библиотек веб-интерфейса на веб-сайт wix

0 голосов
/ 17 декабря 2018

Я разработал приложение React с использованием CRA и пытаюсь разместить его на существующей странице wix.С WIX я могу использовать файлы javascript, поэтому я собрал код приложения с зависимостями в один файл и попытался скопировать и вставить код реакции и реагирования из его официального cdn в мой каталог.

Почему-то это все еще не работает, в response-dom.js я вижу ошибку: 

'window' is not defined

Хотя сейчас я пытаюсь импортировать только с реагировать и реагировать, проблема возникает вОбщие сведения об импорте библиотек внешнего интерфейса js в WIX.

Мне нужно разместить код приложения на странице wix, но я думаю, что он будет работать нормально, если я добавлю зависимости приложения с помощью cdns из iframe, как в этот раздел затем обратитесь к нему, используя синтаксис wix 

let React = $w("#elementid").window.React;

, чтобы получить iframe и оттуда получить ссылку на React / другую библиотеку.iFrame (элемент WIX HTML) размещен в том же источнике.

Я также могу использовать код узла.js и перечисленные модули npm здесь

Мысли?

1 Ответ

0 голосов
/ 27 декабря 2018

Вы не можете использовать собственный код реакции непосредственно на кодовой странице 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, в котором находятся элементы вашей страницы.Только элементы, определенные в вашем редакторе Wix, можно манипулировать с помощью селектора области действия $ w или связанных обработчиков событий.

Единственный способ использовать javascript, который манипулирует dom-файлом напрямую или с помощью фреймворка, такого как response, - помещать в песочницу в iframeиспользуя htmlComponent.

...