Widget react приложения

подскажите, есть игра написанная на react Как ее сделать виджетом, что бы можно было встроить JS код на другой сайт? Пытался обращаться к html файлу из build, но так не работает

Вот мой код

var wrgsv = { 
    
    idBox: 'wrgsv', 
    // путь до страницы возвращающей виджет 
    url_wiget: 'http://testwidget.loc/index.html',
    // путь до страницы стилей виджета 
    // url_style: 'http://pahasite.loc/widget.css', 
    // метод инициализации виджета 
    init: function(id) { 
        // если идентификатор отсутствует, то будем использовать 
        // идентификатор HTML элемента для размещения виджета по умолчанию (т.е. "wrgsv") 
        if (!id) { id = this.idBox; } 
        if (document.getElementById(id)) { 
            // подключаем стили виджета 
            // this.addStyle(); 
            try { 
                // для кросс-доменного запроса создаем один из ниже указанных объектов 
                var XHR = ("onload" in new XMLHttpRequest())?XMLHttpRequest:XDomainRequest; 
                // создаем экземпляр объекта 
                var xhr = new XHR(); 
                // запрос на другой домен (асинхронный) 
                xhr.open('GET', this.url_wiget, true); 
                // событие отслеживает, что запрос был успешно завершён 
                xhr.onload = function() { 
                    // если существует ответ 
                    if (this.response) { 
                        // добавляем полученный ответ в HTML элемент 
                        document.getElementById(id).innerHTML = this.response; 
                    } 
                } 
                xhr.onerror = function() { console.log('onerror '+this.status); } 
                // отсылаем запрос 
                xhr.send(); 
            } catch(e) {} 
        } 
        // если на странице не существует HTML элемента с указанным идентификатором 
        // выводим сообщение: блок с идентификатором id="id" отсутствует 
        else { console.log('The specified block id="'+id+'" is missing'); } 
    }, 
    // метод подключения стилей виджета 
    // addStyle: function() { 
    //     style = document.createElement('link'); 
    //     style.rel = 'stylesheet'; 
    //     style.type = 'text/css'; 
    //     style.href = this.url_style; 
    //     document.head.appendChild(style); 
    // }, 
}; 

Вот так его встраиваю на другой сайт

<div id="new_id_box"></div>
<script src="http://pahasite.loc/widget.js" type="text/javascript"></script>
<script type="text/javascript">wrgsv.init('new_id_box');</script>

Пока все лежит на локальном сервере


Ответы (0 шт):