Короче говоря, разработка апплета WeChat на этот раз идет гладко, потому что, в конце концов, на заднем плане есть опытный и опытный Дэниел, потому что другие члены проектной команды никогда раньше не были в контакте с разработкой апплета WeChat, и у них есть более или менее понимания меньше.Но реального практического опыта нет,поэтому пока позвольте мне,новичку,рассказать о своем опыте и опыте в данной разработке.Без лишних слов,перейдем к делу.
Прежде всего, для разработки мини-программ WeChat вам необходимо использовать редактор, то есть инструменты разработчика WeChat:
Позвольте мне рассказать вам об использовании нескольких важных каталогов:
Это app.js - глобальный файл js. Если вы разбираетесь в vue, вы можете понять, что это index.js, у которого такая же функция. В него можно поместить какие-то глобальные атрибуты.
Файл app.json более интересен.Он настраивается глобально.Например, с помощью app.json можно настроить верхнюю и нижнюю части апплета, но это не единственное место для настройки.При добавлении страницы каждая страница есть json-файл. Здесь наша панель вкладок настроена в app.json.
app.wxss — это файл глобального стиля, а project.config.json — это файл конфигурации апплета.
Список страниц каталога является эта небольшая программа, изображения и libs могут поставить файлы в ваши личные предпочтения.
Этим четырем документам тоже нечего представлять.
Позвольте мне познакомить вас с интерфейсом входа и запроса апплета для получения логики рендеринга данных:
Во-первых, прежде чем запрашивать наш интерфейс входа в систему, нам нужно получить код через wx.login(), запросить фоновый интерфейс для передачи кода в фоновый режим через wx.request() и получить код в фоновом режиме для запроса WeChat. официальный интерфейс для получения openid и session_key возвращается во внешний интерфейс, который используется в качестве уникального идентификатора для оценки устройства, а затем мы можем войти в систему с учетной записью и паролем после получения openid (я не знаю, если все могут понять, что я сказал, ха-ха!!! На самом деле, большинство из них на заднем плане).
Следует отметить, что, поскольку апплет WeChat привязан к одному элементу данных, когда мы получаем данные поля ввода, нам нужно каждый раз использовать setData(), иначе мы не сможем присвоить значения данным в data{ } Это кажется немного затянутым, как использование v-модели Vue, что является смертельным ударом.
Возьмите значение ввода и получите данные поля ввода через bindinput:
Привязка данных:
Wx:if и wx:for — это v-if и v-for vue, то есть оценка и цикл, а данные в данных рендеринга могут использоваться напрямую {{xxxx}}.
Событие клика:
bindtap и catchtap (перехват может предотвратить всплытие)
В целом, апплет WeChat хорошо разработан, различные тосты, модели и загрузки упакованы и могут быть вызваны напрямую через интерфейс запроса.Вы можете обратиться к документации разработчика WeChat.Нажмите, чтобы просмотреть
Что касается интерфейса запроса, официальный представитель WeChat также упаковал его, и вы можете напрямую использовать wx.request() для создания запроса.Позвольте мне объяснить здесь,Независимо от того, запрашивает ли он интерфейс или отображает тост и загрузку, можно использовать обратные вызовы (успешные и неудачные обратные вызовы)., что удобно для добавления множества операций.
Затем есть несколько функций-ловушек апплета WeChat:
И некоторые специальные события, такие как функция запуска операции подтягивания, опускания:
Здесь обратите особое внимание, в json необходимо добавить такую строчку кода, иначе не сработает подтягивание и опускание:
С этими крючками и специальными событиями вы можете играть сами.
Давайте сделаем еще один шаг. Мы не можем использовать функции непосредственно в апплете WeChat wxml. Что мы можем сделать? Это просто невыносимо. Фильтрация функций используется во многих местах для рендеринга данных и форматирования данных. Не волнуйтесь, soeasy! , апплет WeChat имеет свой собственный wxs можно импортировать и работать с данными, но между wxs и js все же есть небольшая разница, например, es6 нельзя использовать много, а wxs в основном такой же, как js, но он не может полностью использовать js.
Вот первый. . . . . . Предстоит еще многому научиться.