Запустите апплет WeChat от 0 до 1

Апплет WeChat

0,0 Предварительная подготовка

Появление мини-программ WeChat значительно снизило порог для отдельных разработчиков, чтобы начать микропредпринимательство, отпала необходимость в фоновых технологиях, нет необходимости в грязных предварительных операциях, таких как серверы и доменные имена, и нужно только понимать переднюю часть. -end, вы можете опубликовать свою облегченную версию.

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

Перед началом необходимо подготовить почтовый ящик для перехода наСоздайте мини-аккаунт программы. Почтовый ящик может создать только один апплет, что немного сложно понять. Каждый раз, когда вы создаете апплет, вам нужно подать заявку на учетную запись электронной почты, и то же самое верно для мини-игр. В результате я даже не знаю, сколько у меня учетных записей электронной почты.

0.1 Творчество

Хотя стоимость исследований и разработок значительно снизилась, для создания успешного и популярного апплета по-прежнему требуется много ума. По неполной статистике, сейчас на рынке выпущено уже миллионы мини-программ😨.Если вы хотите выделиться среди такого количества всевозможных маленьких работ, либо ваши работы очень креативны и задевают болевые точки некоторых людей. вы находитесь на неправильной стороне дороги и вы проскользнули через сеть 😂

Напротив, мини-игры представляют собой более творческие поля сражений. 2048, окружающие нервного кота, прыгающего на этих изысканных гаджетах, заставляющих людей сиять, являются представителями творческой победы. Naihe Zaixia также является продуктом обучения, ориентированного на экзамены.Творческая область мозга активна только во сне. Если вы придумали интересную и осуществимую идею, вы на полпути к миллиону пользователей. Мой коллега сказал, что хочет сделать небольшую программу для социальных сетей в реальном времени, чтобы пользователи могли общаться без барьеров. Я подумал тогда, как такой человек с идеалами мог стать моим коллегой?

0.2 Технология

Операционная среда апплета

Среду работы апплета можно описать одним предложением: ситуация у противника довольно сложная.

В iOS код javascript слоя логики апплета выполняется в JavaScriptCore, слой представления визуализируется WKWebView, а среда — iOS8, iOS9, iOS10.

На старых версиях Android работает javascript код слоя логики апплета, в X5 JCore слой представления рендерится X5 на основе ядра Mobile Chrome 57

В новой версии Android javascript-код слоя логики апплета работает в V8, а слой представления обрабатывается собственным движком XWeb, основанным на ядре Mobile Chrome 67.

В инструменте разработчика WeChat код javascript уровня логики апплета выполняется в NW.js, а уровень представления отображается с помощью Chromium 60 Webview.

То есть все подчинено реальному объекту Производительность на инструменте разработчика WeChat не совпадает с производительностью на реальной машине, и производительность на разных машинах реальной машины также будет варьироваться от машины к машине😂

Кроме того, поскольку он паразитирует на WeChat, WeChat создал слой инкапсуляции, добавив некоторые дополнительные ограничения, такие как

Выполнение кода JS с помощью eval не поддерживается.

Создание функций с новой функцией не поддерживается.

То есть не допускать динамического выполнения JS-кода, что, честно говоря, блокирует многие дерзкие операции. Как говорится, люди под карнизом и должны склонить голову. Ввиду огромного входа трафика и возможностей деления, предоставляемых WeChat, просто смиритесь с этим😑

Выше перечислены всевозможные ограничения, проблемы с совместимостью и, конечно же, есть вещи, которые радуют людей, то есть возможности CSS3 и ES6 в основном можно использовать случайно, помните, что они в основном одинаковы.

стек технологий

Как мы все знаем, веб-технологии браузеров — это html, css и js. Апплет хоть и похож на браузер, но браузером не является. Так что его технология — это wxml, wxss и js😂. Следует сказать, что нет никакой новой технологии, просто скопируйте веб-стандарт, а затем локализуйте его. Учащиеся, работающие на переднем крае, могут в основном без проблем включиться в работу.

Когда мы разрабатываем веб, мы в основном не пишем нативные html, css и js напрямую, а используем некоторые фреймворки и библиотеки для повышения эффективности разработки, такие как jquery в прошлом, vue, react и т. д. То же самое верно и для небольших программ, которые обычно не пишут напрямую родные wxml и wxss. Конечно, вы можете написать его напрямую, если хотите, но вскоре его будет сложно поддерживать по мере итерации проекта. Знать, что смысл разработки программного обеспечения заключается в контроле сложности. Сейчас на github есть несколько хороших фреймворков, таких какwepy,mpvue.

Передовая технология +Официальная документация мини-программы+ Фреймворк, в основном эти три вещи могут содержать небольшую программу

Позвольте мне рассказать вам, что я чувствую после прочтения официальной документации моего апплета. Я закончил читать простой учебник менее чем за час. Он кажется очень простым. Это просто небольшой случай. Потом пошел читать фреймворк, компоненты и апи апплета, и обнаружил, что только что прочитал каталог толстой книги. Затем я смотрел его время от времени в течение почти месяца, а затем неохотно пересмотрел его снова. Ха-ха, все не так просто, как кажется! Но если вы только начинаете и вам не нужно много дополнительных функций, вам не нужно читать столько глав.

0.3 Фактическое развитие

Предварительный просмотр отладки

Если рабочий хочет хорошо работать, он должен сначала заточить свои инструменты. Когда мы разрабатываем веб, мы можем просмотреть эффект в любом браузере, который вам нравится, и апплет не такой уж и случайный. Поскольку хостом апплета является WeChat, апплет может работать только в WeChat. К счастью, команда WeChat по-прежнему очень сильна и разработала предварительный инструмент отладки для разработчиков, а именноИнструменты разработчика WeChat. После изменения кода вы можете увидеть эффект в инструменте в режиме реального времени.Однако эффект, показанный на инструменте, не является эффектом, показанным на реальном мобильном телефоне, точно так же, как режим имитации устройства инструмента разработчика Chrome.Но эффект, показанный на инструменте, не является эффектом, показанным на реальном мобильном телефоне разница за тысячу миль. В этом инструменте достаточно много часто используемых и практичных функций, с ним рекомендуется ознакомиться.Документация здесь, конечно, самый быстрый способ ознакомиться с ним — это немного кликнуть.

выбрать кадр

Текущие основные варианты фреймворков — это только wepy и mpvue, оба из которых находятся на одном уровне с большинством nb Vue.js. После тщательного рассмотрения и разнонаправленного сравнения я наконец выбрал wepy, потому что обнаружил, что у wepy на несколько звезд больше, чем у mpvue, ха-ха.документация wepy находится здесь. Попользовавшись wepy почти год, обнаружил, что ям довольно много.Может быть, мои ожидания от него такие же, как и у vue.Ожидания завышены. Немного более продвинутые функции Vue не поддерживаются, а некоторые реализации обратны по сравнению с Vue. Но что еще можно сделать, создать фреймворк самостоятельно? Это действительно безумие под капотом. Было время, когда меня обманули, и я решил переключиться на mpvue, но сначала я зашел в Google, в яму mpvue, и обнаружил, что это намного больше, чем wepy.Ха-ха, я быстро убедил себя обойтись с wepy.

Следующим шагом будет написание кода для разработки.Здесь 100000 слов опущены напрямую, и детали конкретной разработки обсуждаться не будут.Разработка-отладка-. . . -Разработка-Отладка, бесконечный цикл, все знают

Яма, обнаруженная в разработке

0.9 Отправить WeChat на проверку

На данный момент функция разработана и протестирована. Следующим шагом является предоставление пользователям возможности увидеть работы, над которыми мы так усердно работали. собственные каналы продвижения, такие как официальные аккаунты, Weibo и т. д. В противном случае, даже если есть миллиарды пользователей WeChat, пользователям вашей мини-программы будет сложно выйти в ноль, ха-ха.

Независимо от того, каков результат, давайте опубликуем его первым. Сначала вам нужно нажать кнопку загрузки на панели инструментов разработчика WeChat, чтобы загрузить код апплета.После успешной загрузки вы можете перейти кФон управления апплетами общедоступной платформы WeChatПерейдите к просмотру своего апплета, выберите версию, которую вы только что загрузили, в управлении версиями, а затем введите некоторую информацию, чтобы отправить ее на проверку. Обычно первая подача на рассмотрение занимает от 1 до 2 рабочих дней, а затем итеративная версия может пройти проверку за 1-2 часа.

Аудит WeChat по-прежнему довольно строгий.Технические характеристики обзора здесь. Более распространенной практикой является фильтрация конфиденциального контента при отправке на проверку через внутренний интерфейс, чтобы смешать его и выпустить конфиденциальный контент после его публикации в Интернете. Ха-ха, пока с ума не поскользнется, путей всегда больше, чем трудностей.

1.0 выпущен онлайн

Наконец, в конце концов, апплет прошел проверку и может быть опубликован в сети. После того, как отзыв будет пройден, он не будет автоматически опубликован в сети, и вам нужно вручную нажать, чтобы опубликовать. После публикации в Интернете вы можете перейти на любой портал WeChat, чтобы найти опубликованную вами мини-программу.

На данный момент вы можете вздохнуть с облегчением, потому что первый шаг Великого похода пройден, а следующий шаг — подумать о том, как продвигать и управлять Мини-программой, Короче говоря, это только начало.

Категории