共计 1367 个字符,预计需要花费 4 分钟才能阅读完成。
导语:这篇次要介绍利用分包和游客模式相干的内容。
目录
- 利用分包
- 游客模式
利用分包
微信对于小程序的打包压缩后的代码体积是有限度的,网页和 APP 也能够实用分包性能,因而须要进行分包增加以及分包优化。
分包增加
在 pages.json
文件中增加分包的信息。例如:有一个名叫 user
的分包,外面有一个文件是index.vue
,那么分包配置就是:
{
"pages": [
{
"path": "pages/index/index",
"style": {"navigationBarTitleText": "首页"}
}
],
"subPackages": [
{
"root": "user",
"pages": [
{
"path": "index",
"style": {"navigationBarTitleText": "分包首页"}
}
]
}
]
}
配置实现后该文件的拜访地址就是 /user/index
,其中的user
是在根目录下寄存的。
分包优化
增加配置
分包优化的办法是在 manifest.json
文件中对应的平台增加以下配置:
例如:mp-weixin
平台下增加分包优化。
{
"mp-weixin": {
"optimization": {"subPackages": true}
}
}
注意事项
- 目前只反对
mp-weixin
、mp-qq
、mp-baidu
、mp-toutiao
、mp-kuaishou
的分包优化; - 分包目录内搁置的动态资源不会被打包到主包中,也不可在主包中应用;
- 当某个 js 仅被一个分包援用时,该 js 会被打包到该分包内,否则仍打到主包(即被主包援用,或被超过 1 个分包援用);
- 若某个自定义组件仅被一个分包援用时,且未放入到分包内,编译时会输入提示信息;
微信小程序
目前微信小程序分包大小有以下限度:
- 整个小程序所有分包大小不超过 20M;
- 单个分包 / 主包大小不能超过 2M;
游客模式
在一些平台,比方微信小程序和苹果 ios 利用商店,上架的利用肯定要提供游客模式才能够进行审核通过。
如何实现游客模式呢,上面就来简略实现一下。
服务端配置
能够通过动静配置来关上或敞开游客模式。
例如:默认开启游客模式。
{"vistor": true}
客户端配置
客户端依据服务端的配置来设置是否开启游客模式。
逻辑剖析
- 开启游客模式后,启动利用就应该能够进入到应用程序的主页面,而后能够随便旅行和应用,当遇到须要登录能力拜访的中央,再跳转到登录页面;
- 敞开游客模式后,启动利用后须要先登录账号,而后才能够拜访利用内的页面或者应用利用提供的服务和性能;
设置缓存
启动利用获取服务端配置后能够设置缓存数据:
// 接口获取到的数据
let config = {vistor: true,};
// 存入本地
uni.setStorage("vistor", config.vistor);
获取缓存
在要拜访的页面触发须要登录能力应用的性能之前,先判断是否开启了游客模式,如开启再提醒并跳转登录。
// 获取本地游客模式
let vistor = uni.getStorage("vistor");
// 获取接口,如返回 401,则须要登录
let login = true;
// 游客模式已开启并且须要登录则跳转登录界面
if (vistor && login) {
uni.navigateTo({url: "/pages/login",});
}
最初
以上就是分包优化和游客模式的次要内容,有不足之处,请多多斧正。
正文完