zoukankan      html  css  js  c++  java
  • 微信小程序设置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 点赞
  • 相关阅读:
    BestCoder6 1002 Goffi and Squary Partition(hdu 4982) 解题报告
    codeforces 31C Schedule 解题报告
    codeforces 462C Appleman and Toastman 解题报告
    codeforces 460C. Present 解题报告
    BestCoder3 1002 BestCoder Sequence(hdu 4908) 解题报告
    BestCoder3 1001 Task schedule(hdu 4907) 解题报告
    poj 1195 Mobile phones 解题报告
    二维树状数组 探索进行中
    codeforces 460B Little Dima and Equation 解题报告
    通过Sql语句控制SQLite数据库增删改查
  • 原文地址:https://www.cnblogs.com/dashucoding/p/10095687.html
Copyright © 2011-2022 走看看