【SEAN的日志】如何突破微信小程序2M限制？

微信小程序限制2M大小一直是很多开发者的痛，我也是其中之一。

网上已经有分包的解决方案，即使用subPackages，具体使用网上已经有很多教程我这里就不多赘述了。

当大家可能有需求需要在小程序上实现比较复杂的功能时就需要引入各种库，而wx小程序又不支持引入在线js，经常一些库放在本地，就超过2M了，这怎么办？有没有什么办法能够一劳永逸又不用分包呢？

下面我就提供一个思路来帮助大家完成项目，类似分包的思路，我们同样可以将项目的各个页面拆分成独立的模块，只不过是用加载网页的方式。

既然小程序不能超过2M大小，那我们如果在页面上另外嵌入网页，而网页本身又不受限于小程序，他是在线加载的，所以理论上我们就可以在嵌入的网页上随意开发也不用担心超过2M了，而且你想分成几个模块就是几个模块，各自独立运行，互不影响。

就好比我想在主页实现一个天气地图，和大量图表，我在主页嵌入网页，实际上我就按照平时的开发方式写这个页面，最后将包发给后端，部署在线上，然后在uniapp中需要展示这个模块的地方，利用uni-app的方法“web-view”，设置好线上的地址后，恭喜你，已经结束了。

你现在已经突破小程序的大小限制，随意开发了。

当然，实际使用起来几乎感觉不到这个嵌套了网页，除了第一次加载会慢一点，后面他会自动缓存下来，tabbar切换也不会重新刷新，如果想提升首次加载速度，可以把包放在cdn上加速，体验还是非常不错的。

具体使用流程：

我现在要开发一个小程序，页面有大量复杂功能，我先在uniapp上设置好一个空白页面，即我需要单独开发的页面，嵌入 <web-view></web-view> 这个标签，具体方法看官方文档web-view | uni-app官网

<view class="home"><web-view :src="url"></web-view>
</view>

url参数就是你的网页地址

你可以先随便写一个网上的网址试试效果，一些网页存在的小问题基本谷歌都可以解决

最后说一下这个方式的弊端：

网页传参和加载问题，有些朋友可能会需要将在小程序页面拿到的数据传进去，这里我要说一下，网页传参只能通过url地址传过去，所以要传的话，最好首次加载网页的时候传过去，网上也有一些方法实现传参刷新网页的，但是不是很推荐，最后你传过去的参数在你的网页项目中通过js获取url参数的方法就可以顺利拿到了，然后因为是网页，所以会有一小段的加载时间。

发送参数：“https://你的网址/？参数名=参数值&参数名=参数值”；

结束，有问题可以在下面留言，这个方法是可行的，属于一劳永逸，弊端就是传参，但也可以通过一些方法解决～

【SEAN的日志】如何突破微信小程序2M限制？相关推荐

突破微信小程序模板消息限制，实现无限制主动推送
需求背景基于微信的通知渠道,微信小程序为开发者提供了可以高效触达用户的模板消息能力,在用户本人与小程序页面有交互行为后触发,通过微信聊天列表中的服务通知可快捷进入查看消息,点击查看详情还能跳转到下发 ...
突破微信小程序模板消息的推送限制
"模版消息"是小程序非常重要且可主动触达用户的一种能力.爱鲜蜂小程序通过"模版消息",建立一套用户唤醒机制,达到提升用户复购率的目的.小打卡小程序的近30天访问 ...
突破微信小程序五层层级限制的解决方案
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 五层的限制只是针对 navigateTo,redirectTo 不受此限制. navigateTo : ...
突破微信小程序云函数获取云数据库的条数限制
在云函数中,获取数据库的数据一次只能获取100条,如果需要突破限制的话,可以这样做 // 云函数入口文件 const cloud = require('wx-server-sdk')cloud.ini ...
uniapp 微信小程序获取refs是空对象
除加载时机问题.(大前提,DOM加载完成后之类的排除) this.$nextTick(()=>{this.methods(); }) 一般包裹this.nextTick就可以解决.但是由于微 ...
定位技术课程设计-微信小程序校园导游系统
定位技术课程设计课程设计教学目的课程设计要求课程设计题目原题目拓展内容需求分析原理分析微信小程序API定位原理WIFI指纹定位原理路径规划算法调研详细设计总述主页面介绍学校简介页面介绍导引页面概述导引 ...
首个微信小程序开发教程！
原文链接:http://gold.xitu.io/entry/57e34d6bd2030900691e9ad7 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程 ...
微信小程序DAU超4.5亿小程序开发者突破300万
1月6日消息,在微信公开课PRO上,微信小程序负责人曾鸣披露了2021年小程序的大盘数据. 数据显示,2021年微信小程序日活超过4.5亿,日均使用次数同比2020年增长了32%,小程序的支付用户增长 ...
一个小台灯之微信小程序开发日志
微信小程序开发日志小程序只能使用https和后台服务器进行post请求和get请求,使用https的连接需要的微信小程序的后台对域名进行备份. 在备份的时候也只能通过域名,不能通过公网IP备份. 一 ...
互联网日报 | 1月21日星期五 | 米聊将于2月19日停止服务；微信小程序日活突破4亿；长城汽车第1000万辆整车下线...
今日看点 ✦ 微信小程序日活突破4亿,2020全年交易额同比增长超100% ✦ 小米米聊宣布将于2月19日停止服务,因业务变动 ✦ 抖音回应"上线抖音支付":作为目前若干主要支付方 ...

【SEAN的日志】如何突破微信小程序2M限制？

【SEAN的日志】如何突破微信小程序2M限制？相关推荐

最新文章

热门文章