码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-12-10 13:59:37      阅读:394      评论:0      收藏:0      [点我收藏+]

标签:独立   调用   效果   指定   binder   端口   class   参考   imageview   

技术分享图片

微信小程序设置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的业务域名

标签:独立   调用   效果   指定   binder   端口   class   参考   imageview   

原文地址:https://www.cnblogs.com/dashucoding/p/10095687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!