Благодаря популярности мини-игры с прыжками и промыванию мозгов королем разума мини-программа, кажется, объявляет большинству пользователей, что она собирается проявить свою силу.
В компании также растет спрос на небольшие программы, поэтому я постепенно разработал несколько небольших программных проектов. Далее я запишу некоторые из ям, с которыми я столкнулся в процессе разработки, чтобы не наступать на них в будущем.
1. Отличие симулятора от реальной машины
В процессе разработки есть бесчисленное множество примеров того, что хорошо работает на симуляторе, но имеет проблемы на реальной машине. Например, использование анимации, использование позиционирования на обложке-виде, симулятор хорош, реальная машина запутана и так далее.
Эти недоразумения в основном вызваны разными ядрами на стороне ПК и на стороне мобильных устройств.
Способ избежать ямы:
В процессе разработки необходимо время от времени использовать реальную машину, чтобы увидеть эффект.
2. Просмотр ссылок на локальные изображения
Обычно, когда мы пишем страницу, мы часто используем метку, а затем вставляем картинку в метку и прямо цитируем ее, как в следующем примере:
<view class="icon"></view>
.icon{
color: #1d1d1d;
background-image: url(../image/doll_user_bg.png);
width：50rpx;
height:50rpx;
}
На первый взгляд кажется, что в этом нет ничего плохого, но на самом деле вы обнаружите, что на симуляторе или реальной машине картинка не может выйти. Причина кроется в относительной ссылке пути.
Способы избежать ям:
(1) Добавьте путь к изображению непосредственно в атрибут метки.
<view class='icon' style="background-image: url('../image/doll_user_bg.png');"></view>
(2) Использовать абсолютный путь
.icon{
color: #1d1d1d;
background-image: url(https://webtest.yystatic.com/project/yyDoll/mobile/image/doll_user_bg.png);
width：50rpx;
height:50rpx;
}
(3) Используйте тег изображения напрямую вместо тега вида
<image src='../image/doll_user_bg.png'></image>
3. Стиль обложки
Поскольку уровень тега видео в апплете самый высокий, его нельзя перезаписать. Так появилось cvoer-view. Это инструмент, используемый для покрытия тега видео и украшения окружения тега видео.
Однако пока я с ликованием думал, что этот тег сработает, я столкнулся с множеством странных ловушек.
Например, при использовании относительного позиционирования на обложке, когда изменяется размер тега видео, элементы на обложке перепутываются. Другой пример — не работают закругленные углы и так далее. По конкретным вопросам вы можете обратиться к сообществу разработчиков.Developers.WeChat.QQ.com/search?AC вопрос…
Избегайте метода ямы:Старайтесь не использовать позиционирование на обложке, а другие баги могут быть оптимизированы только официалами, пожалуйста, используйте их с осторожностью.
4. Авторизованный вход в систему и взаимосвязь учетной записи компании для разработки небольших программ
Если это просто общий авторизованный вход в систему, это довольно просто, но если вы хотите связать систему учетных записей вашей компании с WeChat, процесс не прост.
Позвольте мне рассказать вам, каков процесс на моей стороне.Сначала я должен обратиться в компанию за приложением для взаимосвязи учетных записей, а затем я должен пройти пакетирование и проверку нескольких отделов, а затем привязать апплет приложения под аккаунт разработчика компании. Затем подождите, пока коллега на стороне учетной записи откроет учетную запись, а затем осуществите авторизованный вход в систему взаимосвязи учетных записей.
В разных компаниях могут быть разные процессы, и здесь они написаны только как запись шагов, чтобы в будущем не наступить на яму.
5. Текст вокруг
Когда вы поймете, что текст окружен смешанной графикой и текстом на обложке, вы обнаружите, что некоторые из обычных методов недействительны.
<cover-view><cover-image src="img.gif" />文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕文字环绕</cover-view>
Наиболее часто используемые изображения плавают без каких-либо эффектов. Используя позиционирование, используя отступы, используя свойства css3 и т. д., полученный эффект не может нормально отображаться на реальной машине. На данный момент решение не найдено.Попробовал детскую обувь реализованную в обложке и попросил код.
6. Связь между веб-просмотром и апплетом
Когда я впервые увидел, что апплет может встраивать веб-просмотр, я был очень взволнован. Поскольку некоторых страниц трудно достичь с помощью небольших программ или некоторых страниц, которые необходимо часто динамически изменять, вы можете добиться желаемого эффекта с помощью встроенного веб-просмотра. Но когда я использовал его, я обнаружил, что это был дурак. Не существует идеального механизма связи между веб-просмотром и апплетом. Связь между апплетом и веб-представлением, такая как передача некоторых параметров, в настоящее время поддерживает только передачу параметра URL. Например:
<web-view src="https://mp.weixin.qq.com？password=12212&name=sasa&ticket=215328736dsadaadasdadaswuqsahkshakskahskahsakhsakshkasha327428749827487284729847382dsakhdlahdlahskjhdlkhlkadhldkhal"></web-view>
Если на вашей встроенной странице веб-просмотра необходимо войти в систему, вы можете передать эти пароли учетной записи, билеты и т. Д. Только в параметры URL-адреса. Очень правильно. Я думаю, если в один прекрасный день я собираюсь передать сложную форму формы данных в кислом и кислом. Я надеюсь, что детская обувь WeChat может улучшить механизм общения.
7. Проблема центрирования текста компонента ввода
Ширина компонента ввода используется в процентах, а text-align: canter заполнителя установлен, В это время текст не будет центрирован нормально.
Получается, что ввод задан в процентах, а плейсхолдер не поддерживает установку стиля text-align, если хотите добиться центрирования, то можно только до смерти прописать длину ввода.
8. Ограничения на отправку шаблонных сообщений
Если пользователь выполняет определенные действия в вашем апплете, такие как оплата или потребление вашего виртуального продукта, вам может потребоваться отправить сообщение, чтобы напомнить или проинформировать пользователя. В это время вам нужно использовать шаблон сообщения.
Когда вы захотите отправить сообщение, вы обнаружите, что можете отправить сообщение только в двух случаях.
1. Оплатить
Когда пользователь выполнил платежное поведение в апплете, разработчику разрешается отправить пользователю ограниченное количество шаблонных сообщений в течение 7 дней (3 сообщения могут быть отправлены для одного платежа, а количество сообщений, отправленных для нескольких платежей, ограничено). независимы и не влияют друг на друга)
2. Отправьте форму
Когда пользователь отправляет форму в мини-программе, и форма объявлена для отправки шаблонных сообщений, а разработчику необходимо предоставить услуги пользователю, разработчику разрешено отправлять пользователю ограниченное количество шаблонных сообщений (1 раз). в течение 7 дней.Подача формы может выдать 1 статью, а количество статей, выпущенных после многократной подачи, не зависит друг от друга и не влияет друг на друга)
Примечание. В настоящее время только эти два случая могут отправлять сообщения, и имейте в виду, что существует ограничение на количество сообщений.
9. Другие случайные ошибки и советы
При разработке небольших программ будут случайные небольшие ошибки, например:
1. Длительное нажатие иногда работает, а иногда нет
2. Частая мобилизация drawImage холста приведет к тому, что страница застрянет, застрянет... застрянет... застрянет....
3. Метод getUserInfo иногда не может получить информацию о пользователе, рекомендуется использовать опрос и останавливаться после получения информации.
4. Если вы хотите использовать в апплете какие-то специальные шрифты, вы можете сначала преобразовать шрифты в base64, а затем импортировать их для использования.
5. Если вы хотите удовлетворить потребности, связанные с прямой трансляцией, не используйте тег видео, используйте live-player, который может обеспечить лучшую низкую задержку.
6. Перед разработкой апплета нужно проверить, открыл ли апплет категорию, иначе она потом будет заблокирована (не спрашивайте, почему я знаю =_=!!)
Alone
2018-05-27