Предисловие:
Апплет обновляется и итерируется шаг за шагом.Хотя он постоянно наступает на яму, но в целом он становится все более и более мощным.Сегодня мы поговорим о компоненте веб-просмотра апплета.Я считаю, что у многих друзей с бизнесом компании есть наткнулся на яму., но т.к. веб-вью не поддерживает личные типы, есть много знакомых, которые не могут начать, но это не беда, позвольте мне вкратце рассказать о том, как встроить h5 в веб-вью? Как настроить? ### Прежде всего, краткое введение в веб-просмотр, друзья, которые видели официальный API, могут автоматически проигнорировать его и сразу перейти к --- шагам настройки ---
Функции
Компонент веб-представления — это контейнер, который можно использовать для размещения веб-страниц, которые автоматически охватывают всю страницу апплета. Аналогичен тегам Frame, Iframe, Frameset, но на данный момент веб-представлению все еще не хватает гибкости, но я думаю, что многие люди уже довольны (если мне нужно жаловаться, я просто хочу сказать, что веб-представление не было рождено для меня. Время ...не говоря уже о горсти горьких слез)
Ограничения по использованию и после настройки
- Мини-программы персонального и зарубежного типа в настоящее время не поддерживаются.
- ограничения интерфейса js-sdk (подробнее см.официальный API).
- На странице может быть только один
. - Вы можете добавить до 20 бизнес-доменов.
- Только 50 бизнес-доменов могут быть изменены в год.
web-view
| Атрибуты | Типы | По умолчанию | иллюстрировать |
|---|---|---|---|
| src | String | none | webview Ссылка на веб-страницу. Вам необходимо войти в фон управления апплетами, чтобы настроить белый список доменных имен. |
образец кода
<!-- 结构层 -->
<web-view src="h5地址链接"></web-view>
Шаги настройки
1. 配置业务域名
2. 选择基础库
① --- Настройте имя бизнес-домена
|Шаг |Имя |Описание | --- |--| 1|Файл подтверждения|Загрузите файл подтверждения (GH0XFEdVsr.txt), а затем попросите друга на сервере сотрудничать и поместите файл подтверждения в корневой каталог доменного имени компании, которое будет вложено (в случае отсутствия суб- каталог), например: h5 Страница: mp.weixin.qq.com/index.html, то что вам нужно настроить это mp.weixin.qq.com/GH0XFEdVsr.txt, конечно, вы также можете указать под- уровень каталога под этим доменным именем (после указания только html в текущем каталоге поддерживает вложенность), после успешной проверки вы можете настроить бизнес доменное имя второго шага. 2 | Настройте доменное имя | Пример: mp.weixin.qq.com/
Как показано ниже:
② --- Выберите базовую библиотеку
Этот шаг самый простой, но для многих друзей его действительно проще всего игнорировать (кхе-кхе...), инструменты разработчика --> подробные настройки --> выберите 1.6.4 и выше (в настоящее время только 1.6.4).
Как показано ниже:
Суммировать:
Выше приведен простой процесс настройки веб-просмотра. Были даны официальные API большинства мини-программ контента. Здесь этапы процесса настройки подробно описаны и сделаны более популярными, но если вам нужно что-то сделать на странице h5.... Тогда взгляните на официальный пример:Автострада
<! -- html -->
< script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></ script>
// javascript
wx.miniProgram.navigateTo({url: '/path/to/page'}) // 这里封装一下就可以跳转了...
(Примечание. Если инструмент отладки запускает веб-просмотр нормально, а WeChat на мобильном телефоне не открывается, не беспокойтесь, просто обновите версию WeChat. В реальном проекте вам необходимо быть совместимым с более ранней версией.)
END
Первая статья Nuggets, я надеюсь, что все поддержат меня и будут терпеть меня, и приветствую всех, кто оставляет комментарии... Я надеюсь узнать больше хороших учителей и друзей, и я поделюсь некоторыми проблемами, с которыми я столкнулся, или некоторыми интересными вещами в Будущее, спасибо...
(Примечание: Обложка взята из Интернета. Если есть какие-либо нарушения, пожалуйста, свяжитесь с автором, чтобы удалить его; если вам нужно перепечатать, пожалуйста, прикрепите оригинальную ссылку и подпись, спасибо)