微信小程序跳转到网页以及从网页再跳转回小程序


关键词

微信小程序 内嵌网页

摘要

本文介绍微信小程序中如何内嵌网页,以及在内嵌的网页中如何跳转回小程序?

先看代码:


<web-view src="https://m1.web100.cc"></web-view>
<!--
从webview页面跳转回小程序:
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
wx.miniProgram.navigateTo({
url:'/pages/index/test?test=testtest',
success: function(){
console.log('success')
},
fail: function(){
console.log('fail');
},
complete:function(){
console.log('complete');
}
});
-->


使用web-view标签,即可在微信小程序中跳转到内嵌的网页。需要注意以下几点:

1、内嵌的页面必须是https的网站,可以是网站的根目录,也可以是网站的一个子页面。

2、内嵌的页面的域名,必须是小程序的业务域名。可以在微信小程序的管理后台设置当前小程序的业务域名,可以设置多个。

3、内嵌的页面中可以使用非本域名下的静态资料,如css、js、image,但不能让整个网站链接、跳转、frameset、iframe、post到非本业务域名下的网页。


要从内嵌页面跳转回小程序,需要调用微信小程序的API:

wx.miniProgram.navigateTo,见例子中的演示。


 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权


如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« 微信小程序中进行分享和转发 微信小程序首页不能web-view跳转到网页 »