Представляем Eclipse Orion: для облака и в облаке

Средства разработки приложений на JavaScript в браузере

Целью проекта Eclipse Orion является создание основанной на браузере платформы с открытым исходным кодом и интегрированными инструментами, полностью ориентированной на разработку web-решенийв web-среде. Инструменты Orion написаны на JavaScript, работают в браузере и могут использоваться независимо друг от друга. В статье описывается проект Orion и приводятся ссылки на ресурсы и пояснения, которые помогут вам ознакомиться с этими инструментами.

Группа developerWorks по облачным решениям, developerWorks, IBM

Группа сотрудников developerWorks собирает и создает материалы, которые помогают узнавать больше об облачных вычислениях и об онлайновых распределенных средах.



17.02.2014

Целью проекта Eclipse Orion было создание основанной на браузере платформы с открытым исходным кодом и интегрированными инструментами, полностью ориентированой на разработку web-решений в web-среде:

  • Инструменты Orion написаны на JavaScript и они работают в браузере. Интегрированная среда разработки (IDE) Orion на базе браузера не просто выполняется в одной вкладке браузера — все ссылки работоспособны и могут использоваться совместно, что дает разработчикам настоящую web-среду.
  • Отдельные компоненты Orion могут использоваться в других проектах (например, Firefox Scratchpad и JazzHub: среда разработки на базе Eclipse Orion). Все компоненты Orion представлены на общедоступном сайте OrionHub, где вы можете создать учетную запись и опробовать Orion.

JazzHub: Powered by Eclipse Orion

Посмотрите Orion в действии в облачной среде коллективной разработки JazzHub. Зарегистрируйтесь и выполняйте личные проекты разработки бесплатно в течение 2014 года.

Назначение и влияние Orion

В марте 2013 года Джефф Когсуэлл (Jeff Cogswell) опубликовал в журнале eWeek статью об Eclipse Orion:

Eclipse Orion — это онлайновая интегрированная среда разработки, призванная реализовать функциональные возможности, сопоставимые с возможностями IDE Eclipse для настольных систем, но при этом работающая в браузере.

  • Orion включает сервер, написанный на языке Java™, к которому вы подключаетесь через браузеры.
  • Браузерное приложение содержит большой объем кода JavaScript, включая несколько библиотек с открытым исходным кодом, которые в совокупности предоставляют пользователю удобную среду IDE.
  • Текстовый редактор позволяет редактировать любой текстовый файл, обеспечивая подсветку синтаксиса для нескольких языков, таких как JavaScript, Cascading Style Sheets (CSS) и HTML.
  • IDE позволяет управлять каталогами, создавать и редактировать файлы, создавать новые проекты и даже работать с Git.
  • Можно создавать проекты с нуля или использовать любые готовые стартовые шаблоны.
  • Кроме того, редактор является свободно расширяемым и включает полный REST-интерфейс, поэтому можно создавать расширения с серверным кодом на Java и клиентским кодом на JavaScript.
  • Расширения легко добавляются непосредственно в среде IDE и через различные страницы расширений в Интернете.

Затем Джефф Когсуэлл описывает свой опыт использования Orion, «онлайновой версии Eclipse», и выделяет наиболее понравившиеся возможности, в том числе:

  • Возможности редактора по поиску в коде и тексте.
  • Использование в редакторе инструмента проверки кода JSLint для исследования иерархии функций, а также поиска ошибок и предупреждений.
  • Возможность создавать и импортировать проекты различными способами.
  • Расширяемость с возможностью добавления и свободного сочетания компонентов.

Мартин Липперт: Возможности Eclipse Orion

Редактор JAX Крис Майер (Chris Mayer) побеседовал с руководителем проекта Eclipse Orion Кеном Уокером (Ken Walker) об этой браузерной IDE, ее назначении, ее отличиях от основного проекта Eclipse, а также о технологиях, которые можно в ней использовать.
Видео, 30:51 | Текст

Мартин Липперт (Martin Lippert) из VMware работает над Eclipse-инструментами для Spring. На конференции ECE2012 в ноябре 2012 года он выступил с презентацией, рассказав о том, как его команда использует Orion для создания собственных инструментов разработки на базе браузера. Он продемонстрировал подход к разработке на JavaScript, построенный на Eclipse Orion и ориентированный на работу в редакторе и в браузере.


Создатели Orion

author photoКен Уокер является одним из руководителей и участником проекта Eclipse Orion. Он работает в команде Orion с осени 2011 года и, помимо активного участия в разработке, часто выступает с презентациями технологий и концепций Orion.

Обсуждение Eclipse Orion с Кеном Уокером

Кен Уокер показывает, как он использует Orion для создания собственных инструментов разработки на базе браузера, демонстрируя подход к разработке на JavaScript, построенный на Eclipse Orion и ориентированный на работу в редакторе и в браузере.
Видео, 6:50 | Текст

18 июня 2013 года на конференции JAXConf 2013 редактор JAX Крис Майер побеседовал с Кеном Уокером об Orion IDE, ее назначении, ее отличиях от основных проектов Eclipse, а также о технологиях, которые можно в ней использовать.

Кен подчеркивает разницу между Eclipse и Orion («Eclipse — это настольная IDE... Orion создана для облака») и объясняет, что для адаптации к облачной среде эта IDE реализована в виде кода JavaScript в браузере, который подключается к серверной части на базе Java или node.js.

В апреле 2013 года на MLOC.JS, международной конференции по JavaScript, он выступил с докладом об Orion IDE, объяснив два типа мышления в отношении web-разработки — «нативный» и «ненативный».

author photoСаймон Кеги (Simon Kaegi)— еще один руководитель и участник проекта Eclipse Orion. Он занимает пост технического руководителя по архитектуре и реализации в Orion, а также является представителем IBM по вопросам развития языка JavaScript (в ECMA) и Browser API (в W3C). Саймон Кеги является участником основной группы Eclipse, а в прошлом принимал участие в проектах Equinox (серверная часть, p2 и compendium), e4 (модульность и отладка JavaScript) и JSDT.


Технические основы Orion

Кен Уокер подробно изложил основные приниципы проекта Orionв выпуске информационного бюллетеня Eclipse Newsletter за июнь 2013 года. Он развеивает недопонимание разработчиков в отношении целей проекта Orion и «технических» отличий этой среды отличается от стандартной IDE Eclipse:

Orion — это набор серверных и клиентских компонентов, образующий в совокупности расширяемую платформу для разработки на базе браузера. Эти компоненты отличаются от многих других проектов Eclipse в первую очередь тем, что они написаны на JavaScript, CSS, HTML5 и ориентированы на современные браузеры, такие как Firefox, Chrome, Safari и IE10. Главная целевая аудитория Orion — это web-разработчики.

Затем он разъясняет, что существующие средства web-разработки не являются настолько полными, как инструменты, предлагаемые Java-разработчикам группой Java-разработки. В большинстве из них для выполнения повседневных задач разработки используются отдельные редакторы или инструменты на базе командной строки. Orion предлагает языковые возможности Java и тесную интеграцию с облачными сервисами, что упрощает разработку и развертывание облачных/web-приложений и сервисов.

В статье описываются основные компоненты Orion:

  • Сервер Orion — Серверные Java-сервисы предоставляются через REST-ориентированные HTTP API. Эти API обеспечивают такие сервисы, как файловая система, поиск, поддержка Git и предпочтения. Поскольку клиенту для работы требуется просто доступ к этим сервисам на каком-либо сервере, выбор сервера достаточно гибок; недавно группа Orion написала новый сервер на базе node.js, а один из участников сообщества написал сервер на Go.
  • Клиент Orion — Здесь происходит основная часть разработки. Браузерная «страница» Orion поначалу может выглядеть пустоватой, поскольку она ориентирована на задачи и ресурсы и позволяет легко реализовать просмотр и эффективное использование межсайтовых рабочих потоков. На страницах Orion нет всех возможных функций, которые можно использовать на этой вкладке браузера, и это отличает Orion от традиционных IDE. Orion работает как web-приложение. Вы можете использовать браузерные функции перехода назад и вперед, заносить текущую страницу в закладки и открывать новые страницы в новых вкладках для создания дополнительных функций.
  • Модульная архитектура Orion — Orion предлагает несколько типов точек расширения для использования подключаемых модулей, позволяющих настраивать клиент и расширять его функциональность, в том числе добавлять команды на панель редактора или в навигатор, добавлять подсказки автозавершения для новых типов файлов и правила подсветки синтаксиса. Разработчики создают подключаемые модули в виде HTML-файлов, содержащих JavaScript-код, умеющий подключаться к клиенту Orion.

Orion создан как расширяемая среда. Страницы Orion используют JavaScript-реализацию OSGi Services API; подключаемые модули на JavaScript, CSS и HTML следуют семантике Lifecycle and Bundle State, используемой в стандартной спецификации OSGi.


Orion в работе

В завершение нашего обзора ресурсов по Orion предлагаем ряд презентаций, видеоматериалов и блогов, демонстрирующих методы использования Orion.

Новое в версии 4.0

Участник проекта Джон Арторн (John Arthorne) описывает в своем блоге некоторые новые функциональные возможности последней версии Orion 4.0 M2, в том числе:

  • Встроенный конвертер Markdown Renderer для файлов README.MD
  • Новые функции редактора, такие как закрытие парных скобок, «умный» отступ и завершение блочного комментария
  • Настраиваемое выпадающее меню настроек локального редактора
  • Подсказки автозавершения кода на JavaScript для модулей Node.js
  • Сохранение файлов на сервере в виде файлов сравнения изменений или в полном виде
  • Аннотации Git Blame в окне просмотра файлов
  • Команда Git Revert для отмены конкретной записи на странице Git Log
  • Запланированная начальная поддержка проектов Orion с расширенными возможностями

Orion на node.js

Кен Уокер участвует в презентации node.js и как на нем работает Orion, охватывающей такие темы, как привязка node.js к Orion (через привязку Java REST API к соответствующему подключаемому модулю Orion), зависимости, необходимые для работы этой комбинации, а также работу поиска файлов в этой среде.

Он также предлагает видеоматериал, который демонстрирует Orion поверх node.js на Raspberry Pi, подтверждая, насколько Orion упрощает выполнение множества задач разработки.

Установка версии Orion для Node.js на Raspberry Pi, 5:11
Video: Установка версии Orion для Node.js на Raspberry Pi, 5:11
Transcript

Встраивание виджета сравнения Orion в вашу web-страницу

Участник проекта Либин Вон (Libing Wang) демонстрирует, как встроить виджет сравнения в вашу web-страницу (новая версия Orion поддерживает отдельную сборку сравнения). Этот виджет — клиентский JavaScript, который можно использовать в любой части клиентского кода, — можно добавить в любой элемент DOM на вашей странице без доступа к серверу Orion.

Процесс встраивания проходит достаточно просто в связи с отсутствием зависимостей на стороне сервера. Посмотрите демонстрацию или исходный код.

Встраивание редактора Orion в вашу web-страницу

Участник проекта Богдан Георге (Bogdan Gheorghe) рассказывает, как использовать редактор Orion в вашем блоге, в том числе включать ли код в заголовок (если вы собираетесь включать много кода в ваш блог) или встраивать его в страницу (для меньшего объема кода). В качестве примеров рассматриваются WordPress и Blogger.

Редактирование COBOL в браузере

Крис Уитти (Chris Whitty) из компании Micro Focus показывает, как использовать Orion для редактирования COBOL. Он описывает проект, реализованный летом 2013 года, в рамках которого группа стажеров вместе с сотрудниками Micro Focus создала расширение COBOL для Orion. Реализация имеет несколько разновидностей, включая полностью размещенный на сервере экземпляр Orion (демонстрационный), который поддерживает такие функции, как проверка синтаксиса и форматирование. Авторы проекта также использовали редактор в других контекстах, например, как браузер для просмотра примеров кода.


Будущее Orion

Будущее Orion зависит от вашей заинтересованности в этой IDE и от вашего желания изучить ее и выполнять в ней подходящие проекты. Вот еще несколько ресурсов, которые помогут вам приступить к изучению Orion для облачной и web-разработки.

Ресурсы

Научиться

Обсудить

  • Станьте участником сообщества developerWorks. Общайтесь с другими пользователями developerWorks, изучайте поддерживаемые разработчиками блоги, форумы, дискуссионные группы и wiki-ресурсы.

Комментарии

developerWorks: Войти

Обязательные поля отмечены звездочкой (*).


Нужен IBM ID?
Забыли Ваш IBM ID?


Забыли Ваш пароль?
Изменить пароль

Нажимая Отправить, Вы принимаете Условия использования developerWorks.

 


Профиль создается, когда вы первый раз заходите в developerWorks. Информация в вашем профиле (имя, страна / регион, название компании) отображается для всех пользователей и будет сопровождать любой опубликованный вами контент пока вы специально не укажите скрыть название вашей компании. Вы можете обновить ваш IBM аккаунт в любое время.

Вся введенная информация защищена.

Выберите имя, которое будет отображаться на экране



При первом входе в developerWorks для Вас будет создан профиль и Вам нужно будет выбрать Отображаемое имя. Оно будет выводиться рядом с контентом, опубликованным Вами в developerWorks.

Отображаемое имя должно иметь длину от 3 символов до 31 символа. Ваше Имя в системе должно быть уникальным. В качестве имени по соображениям приватности нельзя использовать контактный e-mail.

Обязательные поля отмечены звездочкой (*).

(Отображаемое имя должно иметь длину от 3 символов до 31 символа.)

Нажимая Отправить, Вы принимаете Условия использования developerWorks.

 


Вся введенная информация защищена.


static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=40
Zone=Облачные вычисления, Open source
ArticleID=962956
ArticleTitle=Представляем Eclipse Orion: для облака и в облаке
publish-date=02172014