С более и более популярным апплетом, если только , чтобы сделать продукт 公众号H5页面и APPказаться менее совершенными, всегда чувствует этот тур программу , чтобы поймать небольшое автомобильное движение, что будет не хватали, и мое сердце очень неудобно. В этом диске, компания также решила , где я сел в машину.
Тем не менее, если вы хотите следовать стандартным процедурам , чтобы повторно написать небольшую слово, но и чувствовать время , чтобы оплатить стоимость слишком велика, очень полезно. С тех пор его ум вспышка, вспомнил апплет выглядит как младший брат называется webview, webviewчто, в буквальном смысле означает вид страницы (от Baidu перевода). Официальное определение так:
Веб-просмотр компонент представляет собой контейнер может быть использован для страницы, апплет автоматически охватывает всю страницу. Личные с заморским апплет не поддерживает тип использования.
Проще сказать , что мы можем поставить в небольших программных <web-view>компонентов , чтобы связать нашу HTMLстраницу. Другими словами, государственный микро-канал уже написанные номера H5页面могут быть непосредственно перемещены в небольшую программу. Одна строка кода , чтобы завершить передачу небольшого количества государственных программ, одна строка кода мы позволяем еще один вход трафика, одна строка кода для решения повторное развитие небольших проблем программного кода. Это действительно захватывающая мысль мертва.
Когда я заинтересую бросаясь в ссылку webview, реальный проект , как этот :( адрес ссылки с вашим собственным доменным именем вместо ^ _ ^)
<!--微信小程序index.wxml-->
<web-view src="https://www.hxkj.vip/"></web-view>Но когда страница прыжок, нажмите кнопку. Aigo, я не пошел, я действительно был в шоке, и не левый верхний угол страницы! ! Кнопка Назад! ! Причина не вернуться назад, может быть только вниз точка, нет пути назад, это не смешно. , ,
Это было похоже на схему, то есть, каждый H5页面добавит кнопку навигационной панели с возвращением, но подумало, это решение не желательно, потому что голова небольшой программы имеет навигационную панель, а также слово это очень скоординировано, вы можете использовать одно слово , чтобы описать - лопнете [некрасиво]. Решительно отказался!
Посмотрел на других небольших программ, если будет установлено , что страница прыгать две небольшие программы, то верхний левый угол второй страницы будет кнопка возврата. Тогда мы можем думать, если вторая страница также поместить webviewкомпонент , используемый для отображения ссылок после прыжка, не является идеальным решением еще? Таким образом, вопрос, как домашняя страница нажмите на ссылку распространился на второй странице этого?
Мы можем H5页面использовать jssdkна H5странице , чтобы перейти к апплета метода страницы wx.miniProgram.navigateTo, а затем нести weburlпараметр:
//H5页面js
navigate(modelName) { //控制页面跳转---小程序、公众号、非微信跳转方式 【modelName---vue路由名字】
this.isMiniProgram((res)=>{//判断是否是小程序页面的回调函数
if (res) {//小程序页面
wx.miniProgram.navigateTo({url: '../webview/webview?weburl=https://www.hxkj.vip/#/' + modelName});
} else {
this.$router.push({name: modelName});//非小程序页面使用vue路由跳转
}
})
},
isMiniProgram(callback) { //是否为小程序环境
//是否在微信环境
if (!isWeixin()) {
callback(false);
} else {
//微信API获取当前运行环境
wx.miniProgram.getEnv((res) => {
if (res.miniprogram) {//小程序环境
callback(true);
} else {
callback(false);
}
})
}
}Затем на второй странице апплета webview.jsприема weburlпараметров, обратите внимание на ссылки на странице конфигурации для обмена:
// pages/webview/webview.js
Page({
/**
* 页面的初始数据
*/
data: {
url:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
url: options.weburl //获取H5页面传递过来的weburl
});
},
/**
* 用户点击右上角分享***【特别注意这里，配置分享链接一定要给首页链接，要不然别人点进来又是没有返回按钮的哦】***
*/
onShareAppMessage: function () {
return {
path: '/pages/index/index'
}
}
})И назначен webview.wxmlна srcимущество
<!--pages/webview/webview.wxml-->
<web-view src="{{ url }}"></web-view>Хорошо, таким образом, на апплете идеального решения для webviewэтой проблемы не кнопка возврата после перехода на другой странице.
Просьба указать источник: https://www.jianshu.com/p/a7bb1a826548
Автор: TSY
личного пространства: https://www.hxkj.vip
Например, вы можете посмотреть на мой микро-канал общедоступный номер
