背景
小程序开发避免不了要和h5交互,怎么和h5互通信息呢?文章来源:https://www.toymoban.com/news/detail-657515.html
代码
1、h5页面手动引入 https://appx/web-view.min.js
(此链接仅支持在支付宝客户端内访问);文章来源地址https://www.toymoban.com/news/detail-657515.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>认证跳转</title>
</head>
<body>
<!-- 如该 H5 页面需要同时在非支付宝客户端内使用,为避免该请求404,可参考以下写法 -->
<!-- 请尽量在 html 头部执行以下脚本 -->
<script>
if (navigator.userAgent.indexOf('AlipayClient') > -1) {
document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>');
}
</script>
<script>
my.redirectTo({url: '/pages/certificationTransfer/certificationTransfer?pageName=supplierTwo&certificationType=法人'});
// 网页向小程序 postMessage 消息
my.postMessage({name:"认证跳转"});
// 接收来自小程序的消息。
my.onMessage = function(e) {
console.log(e); // {'sendToWebView': '1'}
}
// 判断是否运行在小程序环境里
my.getEnv(function(res) {
console.log(res.miniprogram) // true
});
my.startShare();
</script>
</body>
</html>
到了这里,关于支付宝小程序内嵌H5——支付宝小程序webview里面h5跳回道支付宝小程序页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!