https://wiki.oktell.ru/index.php?action=history&feed=atom&title=%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8F_%D0%B4%D0%BB%D1%8F_Okapp Создание модуля для Okapp - История изменений 2026-05-01T19:44:53Z История изменений этой страницы в вики MediaWiki 1.23.1 https://wiki.oktell.ru/index.php?title=%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8F_%D0%B4%D0%BB%D1%8F_Okapp&diff=11549&oldid=prev Oktell Support в 10:58, 23 января 2015 2015-01-23T10:58:47Z <p></p> <table class='diff diff-contentalign-left'> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Предыдущая</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Версия 10:58, 23 января 2015</td> </tr><tr><td colspan="2" class="diff-lineno">Строка 6:</td> <td colspan="2" class="diff-lineno">Строка 6:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Код проекта вы можете просмотреть по ссылке https://github.com/telsystems/generator-oktell-module</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>Код проекта вы можете просмотреть по ссылке https://github.com/telsystems/generator-oktell-module</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;video type=&quot;youtube&quot; id=&quot;SYREyHKfdaQ&quot; width=&quot;1280&quot; desc=&quot;Разработка модулей для Web-клиента Oktell&quot; frame=&quot;false&quot; position=&quot;center&quot; size=&quot;full&quot; allowfullscreen=&quot;true&quot;/&gt;</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> </table> Oktell Support https://wiki.oktell.ru/index.php?title=%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8F_%D0%B4%D0%BB%D1%8F_Okapp&diff=10607&oldid=prev Oktell Support: Новая страница: «Наверх __TOC__ В этой инструкции рассказывается про создание модуля для Okapp. Соз…» 2014-12-04T16:15:29Z <p>Новая страница: «<a href="%D0%A3%D1%82%D0%B8%D0%BB%D0%B8%D1%82%D1%8B" title="Утилиты">Наверх</a> __TOC__ В этой инструкции рассказывается про создание модуля для Okapp. Соз…»</p> <p><b>Новая страница</b></p><div>[[Утилиты|Наверх]]<br /> <br /> __TOC__<br /> <br /> В этой инструкции рассказывается про создание модуля для Okapp. Созданный модуль можно использовать как основу для дальнейшей разработки веб-приложений. Для генерация кода используется '''Yeoman-генератор модулей''', специально подготовленный нашими разработчиками. <br /> <br /> Код проекта вы можете просмотреть по ссылке https://github.com/telsystems/generator-oktell-module<br /> <br /> <br /> === Установка генератора модулей ===<br /> <br /> '''1.''' Для начала работы требуется скачать и установить '''node.js'''. Для этого перейдите по ссылке http://nodejs.org/ и нажмите кнопку Install. <br /> <br /> '''2.''' Установите [http://yeoman.io/ Yeoman], [http://gruntjs.com/ Grunt], [http://bower.io/ Bower] и [https://github.com/telsystems/generator-oktell-module генератор модулей]. Для этого в командной строке выполните команду<br /> <br /> npm install -g grunt-cli bower yo generator-oktell-module<br /> <br /> <br /> [[Файл:Генератор веб-модулей - 001.png|center|600px]]<br /> <br /> <br /> === Генерация простейшего модуля===<br /> <br /> '''1.''' Создайте папку для модуля и запустить в ней генератор. Для этого в командной строке поочередно введите следующие команды:<br /> <br /> mkdir ourModule<br /> cd ourModule<br /> yo oktell-module<br /> <br /> '''2.''' Генератор попросит ввести идентификатор (название) для вашего модуля и адрес севера Oktell. В качестве сервера вы можете указать как IP-адрес, так и доменное имя. В примере введено название '''testmodule''' и ip-адрес '''192.168.0.82'''. <br /> <br /> &lt;span style=&quot;color:red&quot;&gt;ВНИМАНИЕ: Не рекомендуется использовать названия с дефисами. <br /> <br /> <br /> [[Файл:Генератор веб-модулей - 002.png|center|600px]]<br /> <br /> <br /> После успешного выполнения команды вы получите рабочий код простейшего модуля в созданной папке, в примере ''\ourModule.'' <br /> <br /> <br /> ===Отладка с помощью локального веб-сервера===<br /> <br /> Для удобства отладки вы можете запустить локальный веб-сервер, который проксирует Okapp с указанного сервера Oktell и передает ему необходимые данные. Выполните в командной строке: <br /> <br /> grunt serve<br /> <br /> В итоге, Okapp загружается с сервера Oktell, а все данные нашего разрабатываемого модуля из текущей папки. Список загружаемых скриптов и стилей, а также их порядок указан в файле ''manifest.json'' нашего модуля.<br /> <br /> С помощью локального веб-сервера вы не сможете проверить выполнение SQL-запросов. Поэтому при наличии SQL-файлов, необходимо предварительно собрать модуль и установить через Магазин в Okapp. <br /> <br /> Остановить локальный веб-сервер вы можете с помощью комбинации Ctrl+C в командной строке. <br /> <br /> <br /> ===Сборка модуля===<br /> <br /> Чтобы получить сборку модуля, готовую к установке через Магазин в Okapp выполните в командной строке:<br /> <br /> grunt build<br /> <br /> <br /> [[Файл:Генератор веб-модулей - 004.png|center|600px]]<br /> <br /> <br /> После выполнения, архив доступен в папке dist директории с модулем. В примере — это папка ''\ourModule\dist''. <br /> <br /> <br /> === Установка в веб-клиент ===<br /> <br /> Установить созданное приложение в Okapp вы можете с помощью модуля &quot;'''Магазин'''&quot;. Нажмите кнопку &quot;'''Установить из файла'''&quot; и выберите zip-архив из папки dist. <br /> <br /> <br /> [[Файл:Генератор веб-модулей - 005.png|center|800px]]<br /> <br /> <br /> После успешной установки на экране всплывет уведомление, а в боковом меню появится соответствующий значок. Щелкнув по нему, вы попадете в установленный модуль. <br /> <br /> <br /> [[Файл:Генератор веб-модулей - 006.png|center|800px]]<br /> <br /> <br /> Документация по созданию веб-модулей: https://github.com/telsystems/web-modules/wiki<br /> <br /> '''Удачной разработки!'''</div> Oktell Support