网商之窗
 
当前位置: 首页 » 品牌网 » 其他 »

成都时 代汇创科技有限公司

  • 品牌名称:成都时 代汇创科技有限公司
  • 公司名称:成都时 代汇创科技有限公司
  • 官方主页
  • 所在地区:四川成都市
  • 浏览次数267
  • 更新日期:2019-03-13
品牌网介绍

关于微信小程序web-view组件内嵌h5的具体配置流程(成都时 代汇创科技有限公司)

小程序 一步步的更新迭代,虽然踩坑不断,但是总 体来说是越来越强大了,今天我 们就来说一下小程序的web-view组件,相信很 多有公司业务的朋友已经踩过坑了,但是由于web-view对个人类型的不支持,所以也 有很多朋友没有办法上手,不过没关系,下面我就简单说一下,web-view究竟要怎么内嵌h5?又该如何配置呢?
 ### 首先简单介绍一下web-view,看过官方api的朋友 可以自动忽略忽略,直接进入---配置步骤---即可
功能介绍
web-view 组件是 一个可以用来承载网页的容器,会自动 铺满整个小程序页面。
  类似于frame、Iframe、frameset标记,只是对于目前来说,web-view还缺乏灵活*,不过相 信很多人已经很满足了(如果非要吐槽,我只想说,web-view生不逢我的时啊...不提了,一把辛酸泪)
使用及 后期配置限制问题
  1. 个人类 型与海外类型的小程序暂不支持使用。
  2. js-sdk接口限制(具体请参考 官方api )。
  3. 每个页面只能有一个< web-view />。
  4. 最多可以添加20个业务域名。
  5. 一年只可修改50次业务域名。
web-view
属* 类型 默认值 说明  
src String none webview 指向网页的链接。需登录 小程序管理后台配置域名白名单。  
示例代码
 <!-- 结构层 -->  <web-view src="/brand/h5地址链接/index.html"></web-view>
配置步骤
 1. 配置业务域名  2. 选择基础库
① --- 配置业务域名
步骤 名称 说明
校验文件 下载校验文件(GH0xFEdVsr.txt)然后找 服务端的朋友配合一下,将校验 文件放置在将要嵌套的业务域名的根目录,例:h5页面:mp.weixin.qq.com/ind**.html,那么你 需要配置的就是mp.weixin.qq.com/GH0xFEdVsr.txt,校验成功后,你才能 配置第二步的业务域名。
配置域名 例:mp.weixin.qq.com/
如下图:
 
 
开发者 登录小程序后台mp.weixin.qq.com,选择设置->开发设置->业务域名,新增配置域名模块。(个人类 型帐号和海外类型帐号没有业务功能板块。所以看不到哦 0.0)
 
上传校验文件成功后,配置业 务域名保存提交,ok
 
 
② --- 选择基础库
这一步是最简单的,但确实 很多朋友最容易忽略的(咳咳...),开发者工具-->详情设置-->选择1.6.4及以上版本即可(目前只支持到1.6.4)。
如下图:
 
 
配置完成,现在就 可以放荡的使用了
 
 
总结:
以上说的就是web-view简单的配置流程,大部分 的内容小程序的官方api都已经给出,这里只 是把配置流程的步骤再进一步的详细化,变得更通俗一点,但是如果你需要在h5页面中做某些操作....
那就来 看一下官方示例:快速通道
 <! -- html -->  
 < script type="t**t/j**ascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></ script>  
 // j**ascript  
 wx.miniProgram.n**igateTo({url: '/path/to/page'}) // 这里封 装一下就可以跳转了...
(注:若遇到 调试工具正常起跑web-view,手机微 信打不开的情况,不要捉急,升级一 下微信版本即可,实际项 目中要做一下低版本的兼容。)

本文由成都网站建设,网页设计,网站制作,网页制作,网站运营,网站推广,成都网站维护,成都网页维护,网站维护,网站运维,网站内容添加-时代汇创(https://www.drawtime.com)为您整理,希望能对你有所帮助!欢迎来 电咨询联系方式:028-86101315 18613239998

 
[ 品牌网搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 关闭窗口 ]


 
联系方式
 
该企业其他品牌网
 
友情链接:    彩35官网   中福彩票   优乐彩彩票   优乐彩彩票老板是谁   彩票联盟