В последние несколько лет Hbuilder часто использовался в период разработки.В то время react и vue еще не сформировали тенденцию.В проекте в основном использовалась библиотека компонентов пользовательского интерфейса mui, и я немного знал о разработке, связанной с Hbuilder.
Гибридная разработка
В последние годы отечественный vue fire стал популярным, и проекты компании приняли гибридную гибридную разработку с использованием модели разработки Hybrid + Vue.
Штатное расписание:
- 1 андроид человек
- 1 iOS разработчик
- 1-2 битная фронтенд разработка,
- N-битный фон
В штатном расписании нативных разработчиков может быть меньше, но штатный инженер-разработчик все равно нужен.Для малых и средних компаний финансирование проекта пока слишком тяжелое, и желательно иметь 1-2 фронт- конечные разработчики для завершения приложения.
Hbuilder APP
Официальный сайт Строителя
Рекомендуемые компоненты пользовательского интерфейса на официальном сайте Hbuilder:Mui, я сам определил метод и раздел jquery метод.Во всяком случае, я не использовал его много, и я запутался.В конце концов, стоимость обучения увеличилась.
Вот процесс упаковки приложения Hbuild, вы можете скачать Hbuilder и испытать его на себе.
У меня нет сертификата разработчика iOS, я могу только упаковывать пакеты Android
Отладка реальной машины
运行 - 真机运行
Отладка реальной машины iPhone, загрузите xcode (должен быть на компьютере Mac) Отладка реальной машины Android, загрузите студию Android (может быть Mac/Window)
Скачайте и установите с Baidu
Vue React + Hbuilder
Я не буду здесь говорить о популярности vue react, вы можете себе это представить, заглянув на рекрутинговый сайт.
Попробуйте комбинацию vue + Hbuilder
На мой взгляд, если код проекта vue/dist напрямую скопировать и поместить во вновь созданный проект Hbuilder, то运行 - 真机运行, может запустить?
Результат в порядке
cnpm run buildПосле dist/index.html скопируйте и вставьте его в проект vue после упаковки.
Как показано ниже
Оказывается, самая критическая часть — это mainifest.json, пока файл json существует в проекте и находится в файле проекта, его можно набрать в apk-пакет с помощью Hbuilder.
На этом шаге можно сгенерировать пакет apk, загрузить и установить!
Есть еще несколько шагов, чтобы установить apk на телефон Android! Я предоставляю метод здесь:Официальный сайт бета-версии приложения Dandelion
Перейдите на Dandelion, чтобы зарегистрировать учетную запись, загрузить сгенерированный вами пакет apk, отсканировать код для загрузки, прост и удобен в использовании;
Нажмите, чтобы просмотреть процесс упаковки HbuilderИспользуйте HBuilder для упаковки проекта vue в мобильное приложение.
плюс нативный метод
В проекте vue мы используем vue-router для построения маршрута, который представляет собой одну страницу, но на телефоне Android есть физический ключ возврата, и физический ключ возврата не может выполнить нашу страницу this.$router.back(). return, поэтому мы должны вызывать нативные нативные методы
Метод Netizen:
- Как настроить приложение, упакованное веб-сайтом HBuilder, чтобы нажать кнопку «Назад», чтобы вернуться на предыдущую страницу?
- Практическое решение проблемы возврата ключа, когда Hbuilder упаковывает APP
- Решить ключ возврата приложения, упакованного Hbuilder, чтобы выйти напрямую
Я на самом деле проецирую, а затем прикрепите соответствующие андрюс физический код
HTML5 Китайский промышленный альянс
Справочник по API инкапсулирует многие собственные функции методов, редактируя их непосредственно в проекте, а затем упаковывая их в Hbuilder, вы можете запустить метод plus
- plus.nativeUI.alert("Плюс готов!") всплывающее окно с предупреждением
- plus.nativeUI.toast(сообщение, параметры) всплывающее окно
- plus.nativeUI.pickDate(successCB, errorCB, options); средство выбора даты
- plus.key.addEventListener(keyevent, listener, capture); Этот возврат может отслеживать ключ возврата материала
можно пойти посмотреть
Как код отражается, как показано ниже:
Заключительное введение
MogoH5+
Фреймворк MogoH5+ — это фреймворк, который использует функции vue и builder и может использовать mui vant vux плюс собственные аксиомы для формирования библиотеки компонентов пользовательского интерфейса, которую вы хотите.
Уведомление:
- Не рекомендуется использовать одностраничную версию vue-router, а для разработки использовать многостраничную форму.
- Версия узла предпочтительно выше 8. В реальной работе версия узла 6 вызывает ошибку.
Для небольших компаний аутсорсинговое приложение является хорошим выбором, избавляя разработчиков iOS и Android от необходимости разрабатывать свою собственную линейку и нанимать людей для полетов.
Если вы не используете многостраничную структуру MogoH5+ vue и хотите использовать webpack + vue + vue-router для непосредственной сборки проекта, самое важное, на что следует обратить внимание, — это физический ключ возврата Android, в противном случае нажмите клавишу возврата логистики. выйти из приложения
У меня пока нет реального проекта приложения, потому что я не могу придумать, что мне нужно делать, поэтому у меня нет демо для просмотра.Сейчас я просто создаю одностраничный проект MogoH5 и Vue, и затем добавьте его в эту статью.