Как правильно в вебсайт встроить другой вебсайт (сайт чат-бота)?

@hyper_doom · Регистрация: 28.12.2019

Студворк — интернет-сервис помощи студентам

Здравствуйте уважаемые форумчане!
Вот собрался делать своего чат-бота и возник вопрос, как правильно его встраивать на любой другой вебсайт желающих его заюзать минимальным кол-вом строк кода, при этом не перебегая к оверкилу по написанию кода самого бота? Пока что я вижу следующие варианты:

1. делать всё через динамическое создание DOM элементов на javascript, что крайне неудобно...

JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
   var mainFrame = document.createElement('div');
   mainFrame.setAttribute("class", "chatbotContainer");
   mainFrame.style.cssText = "position: absolute; ... и т.д." 
   ... тело бота  
причём все реурсы нужно грузить как-то так:
var chatBotIPBase = "xxx.xxx.xxx.xxx:
<img src=chatBotIPBase + "/images/logo.png">
что вообще бред...
   document.body.appendChild(mainFrame);    
</script>

2. вроде можно через object встроить полностью сайт, но тогда необходимо вручную выставлять стили топового див-а, чего делать не хотелось бы, т.к. хочу что бы клиент вставлял один раз тупо одну строчку (может скрипта) и в случае изменения внешнего вида бота ему ничего в своём сайте менять не пришлось бы, по этому даже если делать так, то управление родительским элементом должно быть доступно из самого кода загружаемого object-а, как это сделать?

JavaScript
1
2
3
4
<div style="position: absolute; ... и тд">   
   <object type="text/html" data="http://chat_bot_server_ip/index.html"
   </object>
</div>

3. Вариант попросить клиента добавить в свой сайт кучу файлов и папок моего бота и изменять их при каждом новом билде бота - не вариант конечно же...

4. iframe тоже не вариант, этот грязный чит блокирует большинство браузеров...

а какие есть ещё варианты, учитывая что я хочу писать код бота без геморроя класическим способом, создавай просто папку на сервере с файлом index.html и подпапками типа css, js, images и пр... хочу что бы одной строчкой можно было бы встроить "сайт" бота в другой сайт клиента...

Добавлено через 22 минуты
В принципе решение-то есть:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<script type="text/javascript">
 
    var externalBotSources = document.createElement("object");
    externalBotSources.type = "text/html";
    externalBotSources.data = "http://192.168.1.80/index.html";
//то, что ниже, нужо менять из самого http://192.168.1.80/index.html
    externalBotSources.style.cssText = "width:500px; height:500px;";
    document.body.appendChild(externalBotSources);
    
</script>
 
</body>
</html>

но есть одна загвоздка: стили самого object-а я хотел бы менять из внешнего html, малоли что, пришло много сообщений, нужно поменять высоту окна чат бота или что-то в этом духе...
Можно ли как-то из внешнего html (externalBotSources в коде выше) получить доступ к стилям создлаваемого элемента ( document.createElement("object"); ) ?

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .