微信小程序:新组件web-view(2017.11.02新增)

综合技术 简书 (源链)

使用前需要注意的点

一开始听到微信小程序除 组件的时候,都以为可以跳转任何网页,但其实还是有很多限制的,在别人提出在小程序中跳转网页的需求时,需要特别注意下面几点:

  • 需要在小程序管理页面 设置-开发设置 里添加要跳转网页的域名为
    业务域名
  • 跳转域名需要支持 HTTPS
  • 添加跳转域名时,需要下载 校验文件 放到域名根目录下 ,并保证可以访问该文件。(所以不要以为想跳什么网站就跳什么网站,这个是需要对应域名服务器做配合的)

    业务域名列表

配置业务域名

使用

使用是很简单的,但是有时候开发工具里显示不出来,可以试试真机测试。


这样就行了,不用做其他事情。

页面跳转

例如网页里一个按钮点击后跳转到微信小程序 /pages/test/test 页面:



    
        
        
            .my_div {
                margin:0 auto;
                width:200px;
                height:200px;
                background:#aaa;
            }
        
    
    
        
function goto(){ wx.miniProgram.navigateTo({url: '/pages/test/test'}) }

这个是我用 vue 和相关框架弄的一个简单页面,表现还是不错的:

demo

相关接口

相关接口1

支持

  • 基础库 1.6.4 开始支持

参考

web-view官方文档

官方论坛

[web-view]问题汇总

您可能感兴趣的

微信模版消息的使用 上星期公司项目需求加入模版消息推送功能,今天在这整理一下: 微信的模版消息分为公众号的和小程序的。它们两大同小异,只是小程序的模版消息里有个form_id参数需要多加注意,并且只能在真机上测试,要不这个form_id参数值你是拿不到的。 第一步,获取用户openId。有两个方法,思路都一样:...
RxWX使用教程 之前写过一个开源项目 RxWX ,将RxJS移植到微信小程序(以下简称”小程序“)中。 RxWX项目地址和介绍: https://github.com/yalishizhude/RxWX 关于RxJS的介绍,读者可以去看 官方说明 或者关注公众号“Web学习社”的后续文章介绍,这篇...
小程序:资讯类小程序开发实战指南 在 小程序 开发中,内容资讯类的 小程序 有两个令人头疼的问题需要首先解决: 需有一个编辑富文本内容的管理面板,最好还有分类等的组织方式方便管理。 处理内容,可以方便地在小程序端获取、渲染、展示。 这两个问题,看起来不难解决,但做过的人都知道,解决它们是很耗时...
继续奉上小程序源码——美食地图小程序源码... 简介: 通过这个小程序,用户可以通过列表或者地图的方式,查看身边的地道美食。 在美食详情页,可以点击“查看位置”,就可以导航过去,寻找地道美食。 用户也可以把自己发现的地道美食推荐给大家,特别是自己家乡的特色地道美食! 功能清单 美食点列表:当前位置为中心,周围top50的美食点...
如何在本地搭建微信小程序服务器 现在开发需要购买服务器,价格还是有点贵的,可以花费小代价就可以搭建一个服务器,可以用来开发小程序,博客等。 1.域名(备案过的) 2.阿里云注册免费的https证书 3.配置本地的nginx 4.内网映射(本地安装wampserver 服务器) 一、域名 注册花生壳...
简书责编内容来自:简书 (源链) | 更多关于

阅读提示:酷辣虫无法对本内容的真实性提供任何保证,请自行验证并承担相关的风险与后果!
本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 微信小程序:新组件web-view(2017.11.02新增)



专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录