DoKit WeChat Mini Program R&D Assistant SDK выпущен

Апплет WeChat

Doraemon mini program debugger

Инструмент отладки, поддерживающий апплет

История развития

Для разработчиков и тестировщиков апплетов многие временные функции отладки должны разрабатываться и поддерживаться отдельно, например, просмотр информации об апплетах, информации о мобильном телефоне. А также информацию о пользователе, отсканируйте код для открытия страницы и т.д. Эти функции одинаковы для каждого апплета, и их необходимо разрабатывать отдельно при возникновении сходных потребностей.

Разобрав и внедрив эти общие функции внутри, мы сформировали набор функций — инструмент отладки апплета Doraemon, который открыт для внешнего мира в виде общего инструмента, который позволяет каждому аплету Вы можете быстро получить доступ к этим общим и независимым от бизнес-кода функциям, таким как произвольные двери H5, базовая информация о небольших программах, имитация местоположения и т. д.

простое резюме

Инструмент отладки на стороне апплета Doraemon, встроенный во многие часто используемые инструменты, позволяет избежать повторного внедрения, после доступа у вас будет мощный набор инструментов.

Демонстрация эффекта

Демонстрация эффекта домашней страницы программы Doraemon Mini

Встроенный функциональный модуль

  • информация о приложении


Он используется для быстрого просмотра основной информации, такой как информация о системе мобильного телефона, основная информация об апплете, информация о пользователе, информация об авторизации и т. д., чтобы избежать повторного открытия настроек телефона или вызова собственного API-интерфейса апплета для просмотра.

  • Моделирование местоположения

Он используется для моделирования местоположения на стороне апплета, включая авторизацию местоположения, просмотр местоположения, моделирование местоположения и восстановление настроек местоположения.Он может выполнять любое моделирование местоположения и восстановление местоположения с помощью простых операций щелчка. Принцип реализации этой функции заключается в том, чтобы переписать метод wx.getLocation, а затем выполнить симуляцию местоположения.После симуляции местоположения все методы, вызывающие запрос местоположения в апплете, вернут заданное вами местоположение, а исходное местоположение будет восстановлен после реставрации.метод.
  • Управление кэшем

Мощная панель управления кешем, объединяющая все операции с кешем, включая настройку кеша, очистку кеша, обновление значения кеша и т.д., что может быть очень удобно для управления кешем в апплете
  • произвольная дверь H5


Вы можете открыть страницу h5 в апплете, отсканировав код и вставив ссылку, операция проста и удобна

  • обновленная версия

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

Начать быстро

перед использованием

Перед тем, как начать им пользоваться, необходимо прочитатьПользовательские компоненты программы WeChat Miniсвязанные документы.

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

  1. пройти черезnpmУстановитьnpm install -s -d dokit-miniapp
  2. Затем из node_modules добавьтеdist/Скопируйте каталог в свой собственный проект и используйте его следующим образом.

Внесите компоненты в page.json страниц, которые должны ссылаться на инструменты.

"usingComponents": {
    "dokit": "../../dist/index/index"
}

Использование компонентов в page.wxml

<dokit/>

Зарегистрируйте страницы, от которых вам нужно зависеть, в приложении app.json следующим образом.

"pages": [
   "dist/appInformation/appInformation",
   "dist/debug/debug",
   "dist/h5door/h5door",
   "dist/logs/logs",
   "dist/positionSimulation/positionSimulation",
   "dist/storage/storage",
   "dist/index/index"
 ]

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

Последующее планирование

Инструменты повышения производительности (включая следующие функции)

1. 小程序加载时间
2. 首页渲染时间
3. 进程内存展示

Визуальный инструмент

1. 控件检查
2. 接口请求性能分析
3. 缓存文件管理器
4. 授权开启管理工具

способствовать

Если у вас есть какие-либо комментарии или предложения, пожалуйста, отправьте вопрос

гитхаб-адрес

GitHub.com/brother/Дора с…