Оригинальный адрес:Anta-move.GitHub.IO/website/No…
Упомянутое здесь удаление каркаса апплета не является строгим, потому что сам апплет является каркасом, и это каркасная система с более полными функциями. В концепции внешнего интерфейса мы обычно говорим, что фреймворк относится к фреймворку, используемому для помощи разработчикам в создании пользовательских интерфейсов, а сам фреймворк апплета не только включает в себя функции слоя пользовательского интерфейса, но также предоставляет возможности API и возможности на стороне сервера. , поэтому говорят, что сам фреймворк апплета является более полной вещью, чем обычный интерфейсный фреймворк или полноценная прикладная система для построения приложений.
Сравнение между собственным апплетом и структурой апплета, упомянутой в этой статье, относится к сравнению с сторонней структурой апплета.
В мире мини-программ родной фреймворк мини-программы достаточно хорош: это разделочный нож, с помощью которого вы можете вырезать маленькие и красивые приложения без необходимости искать драконий нож.
Компромиссы фреймворка
В последнее время автора Vue особенно беспокоитбаланс конструкции рамыВ шеринге также упоминается вопрос выбора фреймворка.
Когда мы приступаем к созданию сложного внешнего приложения, это займет больше времени только в том случае, если мы будем использовать простой JavaScript для разработки без инструментов. Для апплета нативная структура апплета является нашим инструментом, которого достаточно для создания сложного приложения-апплета.
Однако подходит ли среда разработки веб-приложений для разработки апплетов?
Каркас апплета действительно играл большую роль в продвижении развития экосистемы апплета на ранней стадии, однако с постоянным улучшением родного каркаса апплета роль этих каркасов апплета больше не имеет преимуществ.
Фреймворк повышает производительность интерфейса, а также способствует развитию экосистемы интерфейса. Поэтому после появления апплета быстро появился и ветер фреймворков.После запуска апплета WeChat появились два известных фреймворка для разработки апплетов, wepy и mpvue. Эти два фреймворка имеют общую отправную точку, то есть переносят опыт разработки front-end фреймворка на разработку небольших программ и вносят изменения с уровня синтаксиса, чтобы пользователи могли использовать грамматику, аналогичную Vue.js. разработать апплет WeChat.
Основная цель этих малых программных фреймворков заключалась в том, чтобы расширить собственные возможности разработки небольших программ.С развитием экологии малых программ они также добавили поддержку возможностей сквозной разработки. Но действительно ли введение нашего фреймворка улучшило опыт разработки? Действительно ли нам нужны межсетевые возможности? Нужно ли реализовывать кросс-энд поддержку в виде внедрения фреймворка?
Ответ — нет, внедрение фреймворков только принесет больше проблем при разработке апплетов.
Нативный апплет против веб-фреймворка
Ниже приведено сравнение функций нативных апплетов и веб-фреймворков.Вы можете увидеть возможности веб-фреймворков и нативных апплетов.
Когда появился апплет, веб-фреймворк был относительно зрелым, поэтому нетрудно догадаться, что фреймворк апплета заимствовал характеристики многих веб-фреймворков, поэтому метод разработки апплета так близок к методу фронтенд-разработки.
Сравнение функций
| модуль | Vue.js | React.js | Родной апплет |
|---|---|---|---|
| мониторинг данных | служба поддержки | служба поддержки | служба поддержки |
| разработка компонента | служба поддержки | служба поддержки | служба поддержки |
| Библиотека компонентов | Богатая библиотека компонентов с открытым исходным кодом | Богатая библиотека компонентов для разработки | Встроенная поддержка небольших программных компонентов |
| Управление статусом данных | vuex | redux | globalData обеспечивает базовое управление данными |
| маршрутизация | vue-router | react-router | Встроенная поддержка |
| разработка модуля | npm | npm | npm (с небольшими ограничениями) |
При разработке интерфейсных приложений самыми популярными типами являются технологические стеки Vue и React.Когда дело доходит до выбора экологических инструментов, многие разработчики не уверены, какой технологический стек выбрать, поэтому обычно выбирают Vue и React Family Bucket. Платформа нативного апплета рассматривает стек технологий, необходимый для сценария апплета, с точки зрения возможностей, поэтому автор поддерживает метод разработки нативного апплета. затем просто используйте нативную, потому что нативная структура апплета разработана на основе сценария апплета. Какой технологический стек выбрать и какие возможности фреймворка предоставить, должны быть вопросами, над которыми должна подумать команда платформы Mini Program.
Преимущества нативных апплетов
Из приведенного выше сравнения функционального уровня мы можем обнаружить, что функции нативных апплетов и фреймворков очень близки, короче говоря, это один и тот же вид, но только разница между котом и белым котом. Итак, каковы преимущества нативных апплетов?
- стабилизировать
- Безопасность
- надежный
Родной апплет поддерживается и обновляется профессиональной командой апплетов, которая не имеет себе равных в проектах с открытым исходным кодом сообщества. Даже популярные проекты с открытым исходным кодом не могут гарантировать отсутствие застойных обновлений и сопровождения, возможно, однажды вы обнаружите, что ямки в коде придется исправлять самостоятельно.
Нативный апплет все еще находится на этапе быстрого развития, а новые функции будут выпущены время от времени. Если вы используете собственный апплет, чтобы развить его, вы можете наслаждаться его вовремя. Если вы полагаетесь на сторонние рамки , вы можете использовать его только после того, как автор Framage обновит его.,
Как разработчик, иногда выбирайте, какую структуру сложно, если вы хотите выбрать правильный кадр, вам необходимо понять компромиссы, сделанные некоторыми внутренними рамками, вы должны знать, какое направление к разработке этой рамки И знайте, соответствует ли это то, что вы создаете. Для небольших программ, на самом деле, вышеуказанная проблема не существует, апплет - это небольшая платформа Program Framework, адаптированная для вашей команды.
Если вы хотите узнать больше о структуре апплета, вы можете проверить следующие три структуры:
WePY позволяет небольшим программам поддерживать разработку компонентов.Среда WePY относится к некоторым грамматическим стилям и функциональным характеристикам существующих сред, таких как Vue, в процессе разработки и повторно инкапсулирует режим разработки собственных небольших программ, который ближе к архитектуре MVVM. модель и поддерживает некоторые новые функции ES6/7.
mpvue — это интерфейсная платформа для разработки апплета с использованием Vue.js, в настоящее время поддерживает апплет WeChat, интеллектуальный апплет Baidu, апплет Toutiao и апплет Alipay. Платформа основана на Vue.js, а среда выполнения среды выполнения и компилятор компилятора кода изменены, чтобы заставить ее работать в среде апплета, таким образом представляя опыт разработки Vue.js для разработки апплета.
Taro — это набор многоцелевых решений для разработки, соответствующих спецификации синтаксиса React. Используя Taro, мы можем написать только один набор кода, а затем использовать инструмент компиляции Taro для отдельной компиляции исходного кода, который можно использовать на разных терминалах (апплет WeChat/Baidu/Alipay/ByteDance/QQ, Quick App, H5, React - Собственный и т. д.) код для запуска.
Кросс-энд требования небольших программ
После запуска мини-программ WeChat Ali, Baidu и Toutiao также запустили свои собственные платформы мини-программ, что ставит перед разработчиками мини-программ проблему: разрабатывать набор для каждой платформы или искать техническое решение для кода. повторное использование.
На самом деле существует множество кросс-энд решений. Большинство существующих апплетных фреймворков имеют встроенную поддержку кросс-энда. Команды, которым не требуются особенно высокие возможности кросс-энда, могут также создавать свои собственные кросс-энды. решения, потому что эти платформы апплетов очень похожи, поэтому становится возможным создать набор кросс-конечных решений для конкретных сценариев.
Antmove — скомпилированное перекрестное решение апплета
Antmove — это кросс-конечное решение, предназначенное для предоставления небольших программ общего назначения.Посредством компиляции кода и обработки во время выполнения достигается цель кросс-платформенных небольших программ.Разница между Antmove и другими средами разработки небольших программ заключается в том, что он использует код как метод компиляции используется для решения проблемы многотерминальной разницы (код одной платформы конвертируется в другую платформу), и сглаживание во время выполнения будет выполняться, если метод компиляции сложен для обработки, и это часть имеет только простую обработку преобразования данных, и не будет введено никакого специального кода.
Взяв в качестве примера апплет WeChat для апплета Alipay, базовый дизайн апплета WeChat и апплета Alipay различен, что приводит к разным механизмам компонентов двух сторон.Связь между компонентами апплета WeChat основана на событиях, а апплет Alipay основан наpropsиз. В процессе преобразования приложения-апплета, использующего возможность обработки событий апплета WeChat, в приложение-апплет Alipay, Antmove не будет создавать механизм событий.Он максимально избегает ненужных накладных расходов во время выполнения и вместо этого использует Alipay. апплет может выполнять ту же функцию.