当前位置: 首页 > 网络应用技术

小程序的预加载数据

时间:2023-03-05 20:17:08 网络应用技术

  最近,Douyin的触摸提醒钓鱼办公室,提醒每个假期的倒计时,并收到了很多对工人的追求。在那个时候,我认为我可以将此界面写成一个小程序,动态显示时间和倒计时。其中,倒计时数据是从服务器获得的。它需要加载时间,这会导致页面延迟加载,并且体验很差。

  倒计时倒计时的界面通常如下:

  上部和下部是固定的,中间的每个假期都是从服务器中动态获得的,因此假期倒计时期会延迟:

  可以看出,当加载页面时,中级假期将被延迟。为了解决此问题,需要预先删除小程序的数据。

  为了提高打开速度,小程序添加了数据预先插入的功能。

  当小程序冷时,预先推出可以通过微信背景从第三方服务器中获取业务数据。加载代码软件包后,可以更快地渲染页面以减少用户等待时间,从而提高applet的打开速度。

  登录到小程序的管理背景,输入开发管理 - >开发设置 - >数据预载。

  该文档显示数据下载地址,实际上是从云功能获得的。

  在管理背景中添加数据预先推出,开发人员的工具还必须打开数据预加载:

  从云函数中获取服务器数据,云功能调用以调用HTTP请求回到 - 端数据,以及添加NPM依赖项的HTTP请求。在使用NPM命令之前,请安装Node.js。

  右键单击云功能文件以打开终端窗口:

  输入终端:

  安装成功后,您可以调用HTTP,在云功能中找到服务器数据:

  调用云功能:

  编写云功能后,添加了预加载的数据:

  开发环境很好,但是未显示形式的环境和数据:

  打开行模式,记录信息:

  globaldata在初始化之前被调用。

  将其放置后,全球数据被初始化然后调用。

  这里的开发版本没有问题,正式版本存在问题,因此在测试实验版本后应发出在线版本。

  上述发布后,该页面将预先加载良好,并且不会延迟加载:

  欢迎大家检查我的鱼小程序

  如果您认为文章对您有帮助,请喜欢!

  原始:https://juejin.cn/post/7101103885892190245