微信小程序web-view页面跳转到微信小程序页面

本文介绍了微信小程序中使用web-view组件的过程,包括组件限制、域名配置要求及测试页面创建。同时,详细讲解了微信提供的三种页面跳转方法:wx.navigateTo、wx.redirectTo和wx.switchTab,帮助开发者理解如何在小程序中实现页面间的有效跳转。
摘要由CSDN通过智能技术生成

公司要用小程序,今天试了试微信的web-view组件,感觉还是不错的,有点像写app的感觉,微信的的确确帮前端的兄弟们做了很多良心的事,前端因为微信工作机会大大增加,地位也太高了不少,更加感动主要是工资也能涨,好多废话……

组件web-view

微信web-view文档

1.首先要提的是个人类型与海外类型的小程序暂不支持使用,好桑心
2.页面中一但有<web-view></web-view>,页面会首先显示组件内页面(其他内容一概不显示)
3.<web-view src="https://www.baidu.com/"></web-view>引入页面必须是https开头的,这个页面的域名必须要在微信公众平台小程序后台设置(设置 => 开发设置 => 业务域名)
这个域名配置还需要两点
        a.业务域名需IPC备案
        b.需下载校验文件(放在服务器根目录,文件为.txt文件)
域名配置
这是我服务器的根目录
这里写图片描述
到这里准备的差不多了,还需要在你的服务器上写一个测试页面()。

小程序代码部分。
<web-view 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值