微信小程序设置web-view的业务域名

标题图

微信小程序设置web-view的业务域名

域名必备

你的域名必须要备案过

你的域名必须是https，而不能是http

web-view

在小程序后台添加业务域名,只解析业务域名中的url网页地址的.

域名是需要ICP进行备案的.

用ftp上传文件验证域名的所有权

登录官方小程序后台,选择设置,选择开发设置,中间有个业务域名,添加业务域名后,小程序才能调用组件打开限定域名内的网页.

<web-view src="页面地址">名称（可省略）</web-view>

web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。

属性名	类型	说明
`src`	`string`	`webview` 指向网页的链接
`bindmessage`	`EventHandler`	`e.detail = { data }`
`bindload`	`EventHandler`	网页加载成功时触发的事件
`binderror`	`EventHandler`	网页加载失败时触发的事件

<web-view src="https://www.jianshu.com/u/c785ece603d1"></web-view>

内嵌网页(webview)-设置权限

点击“开始配置”按钮,弹出一个窗口,添加一个或多个你要在小程序中访问的域名.

并不是随便一个备案过的https就可以的,并不是所有域名都可以访问,有的是需要在这个窗口里下载“校验文件”,并把这个校验文件上传到你的网站的根目录，供小程序平台进行验证，只有通过了,才能添加域名成功(验证通过后才能配置成功)。

使用web-view组件显示HTML页面-外部页面

有的需要下载校检文件上传至服务器指定目录,进行保存.校验文件 ###.txt 文件下载.上传到域名根目录.点击保存即可.还要注意的是新域名备案24小时后即可配置，域名不支持IP地址及端口号.

校验文件验证失败，请下载校验文件，上传到服务器指定的目录.

原因: https证书过期,校验文件内容错误,使用url 测试链接. -> “将文件放置在域名根目录下”, 注意: 基础裤1.6.4以上版本支持这个组件，低版本需要做兼容.

将文件放置在域名根目录下-> 网址参考

https://blog.csdn.net/m0_37852553/article/details/80368415

web-view 组件是一个可以用来承载网页的容器，会自动铺满整个页面,类似于html中的iframe框架.

小程序提供了webview网页中使用的JSSDK文件,网页跳转小程序:

// 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'})

达叔小生：往后余生，唯独有你
You and me, we are family !
90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通
简书博客：达叔小生
https://www.jianshu.com/u/c785ece603d1

结语

下面我将继续对其他知识深入讲解，有兴趣可以继续关注
小礼物走一走 or 点赞

微信小程序设置web-view的业务域名相关推荐

微信小程序不支持打开非业务域名_微信小程序显示不支持打开非业务域名的解决方法...
随着科技时代的进步,无论是软件还是硬件都在飞速的成长和创新,从以前大多数都是软件到现在快应用小程序的出现,都是经历了非常多的时间演变,才慢慢的到了如今这个地步. 快应用:九大手机厂商基于硬件平台共同推 ...
小程序改了服务器域名无法显示,微信小程序显示不支持打开非业务域名的解决方法...
随着科技时代的进步,无论是软件还是硬件都在飞速的成长和创新,从以前大多数都是软件到现在快应用小程序的出现,都是经历了非常多的时间演变,才慢慢的到了如今这个地步. 快应用:九大手机厂商基于硬件平台共同推 ...
在uniapp/微信小程序设置scrollTop初始值
一.概述使用HTML5在浏览器设置scrollTop初始值初始值,由于可以通过dom树定位.操作元素,实现相对比较简单. 而在vue等框架中,由于对dom树的淡化,导致通过dom树设置scrollT ...
微信小程序设置背景图片
经常为微信小程序设置颜色背景,突然发现一张好看的图片怎么把它设置为背景呢? 以下总结了三种方法: css中通过url获取网络图片微信小程序中不能使用本地图片 background-image:url ...
微信小程序与web页面制作的区别
前言最近在做一个微信小程序版的个人博客,本来我还有点胆颤,毕竟也没正儿八经的去学一下,不过我之前接触过,而且web方面(网页制作)的基础还可以,所以斗胆就试一试咯,到今天为止,微信小程序页面终于算是 ...
微信小程序与web前端的区别
1 引言刚接触小程序,会有很多错误的思路去编写,为了避免在代码方面出错,本文将对前端和小程序做一个区分. 2 问题描述微信小程序与web前端的区别. 3 算法描述在web的html中我们一般都是 ...
微信小程序设置swiper圆角在ios上失效解决
今天在给轮播图添加圆角的时候,发现在安卓机上是有圆角的,但是在苹果手机上圆角却失效了,后来翻阅了文档发现这是个bug.下面是两种解决方案:第一种:-webkit-backface-visibility ...
微信小程序设置请求超时wx.request等，简单易懂！
微信小程序设置请求超时wx.request等一.用到的方法: 个人理解,比较粗糙看不懂可以百度一下具体用法 new Promise:new了一个函数或者方法,可以被Promise.race等方法调 ...
微信小程序设置背景图的几种方式
微信小程序设置背景图的几种方式原本在html中可以通过background-image来设置背景图片 .page {width: 100%;height: 100%;background-size: ...
微信小程序设置wxss背景图片
微信小程序设置wxss背景图片目前只支持两种: 在线图片如果有自己的服务器可以将图片放到自己的web服务器上: 或者参考这个通过qq相册或百度相册将本地图片变为网上图片通过qq相册或百度相册将本地图 ...

微信小程序设置web-view的业务域名

结语

微信小程序设置web-view的业务域名相关推荐

最新文章

热门文章