Iceworks поддерживает разработку апплетов

внешний интерфейс JavaScript Алибаба Alipay

введение

Разработка мини-программ, несомненно, является одним из самых популярных методов разработки в области внешнего интерфейса в настоящее время.Мини-программы Alipay, мини-программы WeChat и т. д. хорошо известны.В сообществе также начали появляться различные фреймворки вокруг мини-программ.Например, , Vue.js можно использовать для разработки мини-программ mpvue, многотерминальной унифицированной среды разработки Taro, которая соответствует спецификации синтаксиса React.js и т. д. Появление этих фреймворков может эффективно улучшить опыт разработки, написать один раз, запустить на нескольких терминалах. , разработчику нужно только использовать знакомый синтаксис, а разработанный апплет может работать на нескольких устройствах.Звучит круто, и это действительно круто. И Iceworks надеется сделать фронтенд-разработку немного круче, основываясь на этих крутых принципах.

Почему Iceworks поддерживает разработку апплетов?

Для команд с бизнес-требованиями к небольшим программам может потребоваться одновременное переключение и разработка нескольких проектов небольших программ.В процессе разработки мы обнаружим, что есть много основных тривиальных, но необходимых задач:

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

В FeiBing мы выполняем осаждение материалов на основе разных проектов, повторно используемых блоков кода и шаблонов сцен из разных отраслей, что позволяет разработчикам быстро выбирать шаблоны из источников материалов непосредственно на Iceworks для создания небольших программных приложений, и их можно использовать в Iceworks. На этой основе повторно использовать и изменять, а также собирать страницу на основе блочной визуализации, тем самым повышая эффективность разработки, уменьшая ненужное дублирование работы и сосредоточиваясь на развитии бизнеса.

Конечно, в дополнение к отраслевым шаблонам и блокам, предоставляемым FeiBing, разработчики также могут формировать лучшие практики в соответствии со спецификациями разработки команды и фактическими условиями и, наконец, использовать пулы материалов для блоков и шаблоны строительных лесов.

Как разработать апплет в Iceworks

Обновите Iceworks до версии 2.9.0 и включите его на панели настроек.小程序物料源вы можете увидеть соответствующие материалы, связанные с мини-программой, в интерфейсе шаблона и на панели блоков, в том числе:

Инициализировать проект

В интерфейсе шаблона вы можете увидеть источник материала Miniapp, рекомендованный Iceworks, здесь мы выбираем первый шаблон Miniapp lite для инициализации проекта:

запустить службу

После завершения инициализации в интерфейсе проекта Iceworks щелкните, чтобы запустить службу отладки, и откройте соответствующий адрес в браузере для предварительного просмотра:

Новая страница

Далее используйте функцию создания новой страницы в Iceworks, чтобы добавить небольшую страницу программы, щелкните новую страницу и выберите соответствующий блок в соответствии с вашими потребностями.Вы можете увидеть визуализацию в правой части панели.Вы можете удалить или добавьте по мере необходимости, или вы можете нажать для предварительного просмотра. Функция страницы видит фактический эффект страницы, и, наконец, страница может быть сгенерирована, и соответствующий код будет загружен в инициализированные леса проекта:

Вернитесь в браузер и введите маршрут новой страницы в адресную строку (например:http://127.0.0.1:6002/#!/page2), чтобы увидеть фактическую визуализацию.

Базовая структура проекта

Источник материалов Mini Program, рекомендованный Iceworks, используетСинтаксис апплета Taobao Light Framework, проект содержит запись, описывающую программу в целом, и несколько записей на уровне страниц, описывающих соответствующие страницы, а расширение компонента.htmlизSingle File Component(Однофайловый компонент) Описывает пользовательский компонент легкой структуры.

Основная часть проекта состоит из manifest.json и app.js, которые необходимо разместить в корневом каталоге проекта следующим образом:

  • manifest.json
  • app.js
- .iceworks/            // 模板文件(可自定义生成模板的格式)
- public/               // 静态资源
- src/
  - components/         // 组件目录
    - component1.html   // 组件文件
    - component2.html
  - pages/              // 页面目录
    - page1/
      - index.html      // 页面入口
    - page2/
      - index.html
    - index/
      - index.html
- manifest.json        // 描述项目基本信息，包括页面、tabBar等
- app.js               // 程序级应用入口
- package.json         // 项目工程文件

Ссылка на конкретную документацию по разработке: products-admin

Ваше первое приложение с легкой рамкой

После выбора и создания приложения в Icewworks выполните следующие шаги, чтобы начать разработку.

developer.Taobao.com/framework/com…

Мультитерминальная адаптация

Текущее созданное приложение предварительно просматривается в режиме H5 и поддерживает режим PWA. пройти черезинструмент преобразованияПриложения могут быть опубликованы в апплете Taobao, апплете Alipay, апплете WeChat и т. д., чтобы добиться многотерминальной унификации и значительно повысить эффективность разработчиков.

Расширенная информация

Категории