minapp

Новый взгляд на разработку мини-программ WeChat

Официальный сайт:qiu8310.github.io/minapp/

автор:Mora

minapp

Новый взгляд на разработку мини-программ WeChat

использовать

Установите инструменты командной строки с помощью npm:npm install -g @minapp/cli --registry "https://registry.npmjs.org/"(Избегайте установки с зеркала Таобао, это все еще старая версия, и одна им уже данаissue)
Инициализируйте проект:minapp init <你要创建项目的文件夹>(поддерживает создание проектов js и ts)
Установите два плагина vscode:minappиdot-template(необязательно, но рекомендуется установить)

Обзор функций (в редакторе vscode)

Все интерфейсы wx имеют интеллектуальные напоминания, включая параметры интерфейса и возвращаемые значения.

Обеспечьте обещанную версию интерфейса wx wxp, которая аналогична wx, за исключением того, что она обещает все функции в wx, которые требуют трех параметров успеха/неудачи/завершения.

Использование обратного вызова успеха также поддерживается в wxp.
wxp добавляет метод finally к обещаниям; например, вы можете использоватьwxp.getUserInfo().finally(() => { /* do something */ })

Интегрируя mobx, очень удобно модифицировать глобальные данные и автоматически обновлять текущий статус страницы

Чтобы внедрить Store, вам нужно всего лишь добавить объект Store в функцию appify.
Объект Store вводится по умолчанию как на странице, так и в компоненте, вы можете использоватьthis.storeПолучать

Язык шаблонов wxml поддерживает подсветку синтаксиса, IntelliSense компонентов и IntelliSense атрибутов компонентов (требуется установка подключаемого модуля vscode).minapp)

json поддерживает автоподсказку

Когда создается новая папка страницы, автоматически генерируются связанные файлы (необходимо установить плагин vscode)dot-template)

Автоматически создавать для вас связанные файлы с тем же именем, включая js/json/wxml/scss, и эти файлы шаблонов можно изменить в любое время в папке .dtpl.
Автоматически вставлять вновь созданный путь к странице в папку app.json.

Поддержка функции автоматической подсказки на странице апплета

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

Об этом описании склада

Это не проект, это комбинация нескольких проектов с использованиемlernaсредства разработки, другие проекты находятся в разработкев каталоге пакетов, вот краткий обзор нескольких основных проектов

minapp-generator: этот модуль отвечает за анализ официальных документов WeChat и создание структурированных данных для использования другими модулями.
minapp-core: также предоставляются определения TypeScript для всех собственных API-интерфейсов WeChat, а также обещанная версия интерфейса wx.
minapp-mobx: Фреймворк для разработки, интеграция mobx
minapp-compiler: Небольшой программный компилятор, объединяющий webpack и webpack-dev-server.
minapp-webpack-utils: плагины, связанные с webpack, которые необходимо использовать в компиляторе.
minapp-cli: инструмент командной строки, предоставляемый пользователям, который интегрирует minapp-compiler и может быстро создать новый проект.
minapp-vscode: плагин vscode, обеспечивающий подсветку синтаксиса, автозаполнение тегов и атрибутов для wxml.

TODO

Статические ресурсы в апплете автоматически загружаются в Qiniu (заполните мой компонент для загрузки файлов)
Реализовать функцию, аналогичную vue, можно писать все файлы на одной странице
обновление вебпака до 4.0
Напишите среду автоматизированного тестирования для небольшой программы.

Далее: Поцелуй автора, новое определение разработки апплета WeChat — часть 1

В 2019 году оригинальная новая книга iKcamp «Практика разработки Koa и Node.js» была продана на JD.com, Tmall, Amazon и Dangdang!