Фреймворк разработки апплета WeChat от входа до отказа

внешний интерфейс Апплет WeChat Vue.js mpvue

Нельзя использовать рамку с рамкой, и нельзя использовать раму в этой жизни.

Мини-программы WeChat имеют низкие начальные затраты, низкие затраты на разработку, дивиденды от трафика, низкие затраты на продвижение и т. д. Многие предпринимательские проекты выбирают мини-программы для пробы воды. Разработка мини-программ настолько популярна, что вынуждает фронтенд-инженеров изучать новые вещи.Технологии...Обучение делает меня счастливым 🙄

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

Технические решения

В настоящее время при разработке мини-программ WeChat возможно несколько необязательных технических решений, а именно:

  1. Нативная разработка апплета Wechat
  2. Используйте фреймворк wepy
  3. Используйте фреймворк mpvue
  4. Используйте структуру Таро
  5. другие рамки

Использование фреймворка для разработки сводилось к одному —добавить сахарНо трудно сказать, хороша эта конфета или нет.

Первоначальное (ли) намерение (сян) разработки фреймворка

  1. Итерация быстро
  2. Сокращение затрат на разработку
  3. Поделиться на разных платформах
  4. Расширьте возможности разработки

Задача (сянь) разработки фреймворка (ши)

  1. Должен быть знаком с документами апплета WeChat и документами сторонних фреймворков одновременно, что создает большие проблемы для инженеров.
  2. Несовершенством фреймворка является лишь кастрированная или модифицированная версия фронтенд фреймворка, и не поддерживает собственные характеристики фреймворка на 100%
  3. Помимо конструкции фреймворка и апплета WeChat, некоторые изначально поддерживаемые функции недействительны, например собственные компоненты, модульность и т. д.
  4. Экология фреймворка не идеальна, а документации и сопутствующих ресурсов не хватает.
  5. Сам апплет WeChat находится в состоянии быстрой итерации, его характеристики нестабильны, у него нет единого стандарта, как в сети.

Идеал прекрасен, реальность жестока

wepyЧто касается фреймворка, то поддержка компонентизации незрелая.В реальном процессе разработки, если компоненты вложены более чем в два слоя, вероятность отказа в некоторых особых бизнес-сценариях очень высока. Отрисовка списка компонентов, не поддерживаемая вrepeatкомпоненты для использованияprops, computed, watchи так далее.

mpvueкаркас основан наVue.jsЯдром Vue является модифицированная версия платформы Vue, которая несколько отличается от веб-версии Vue.Фреймворк апплета Meituan — руководство по вводу в mpvue

мои мысли

Используя стороннюю платформу для разработки, вы можете наслаждаться удобством разработки, предоставляемым этой средой, но многие новые функции и функции апплета, такие как модули WXS, пользовательские компоненты и подключаемые модули, зависят от сторонней среды. и не может быть использован.

Режим разработки нативного апплета слишком прост.С точки зрения стиля студенты, привыкшие писать меньше, стилус и sass не должны выносить такой способ написания wxss.Исходя из этого, я решил использовать автоматизацию gulp инструмент для создания апплета WeChat. Базовый шаблон разработки программы, основанный на полном сохранении функций и характеристик апплета WeChat, также позволяет использовать меньше стилей для написания и в то же время добавлять такие функции, как сжатие изображений и командная строка. быстрое создание шаблона, так что разработка, счастлива, счастлива!

wx-miniprogram-boilerplate

В будущем другие инструменты будут добавляться и постоянно обновляться. Комментарии приветствуются.