Shulou(Shulou.com)06/02 Report--

Local data caching is an essential part of WeChat Mini Programs's development process. And there are many uses for local data caching. Below is WeChat Mini Programs observation Network (http://www.mpgcw.com)

I would like to share with you about WeChat Mini Programs's tutorial on developing local data caching. I hope it will be helpful to you!

Step 1: read and write local data cache

WeChat Mini Programs provides an interface for reading and writing local data cache to make it convenient for developers to cache data. Wx.getStorage/wx.getStorageSync interface is used to read local data cache and wx.setStorage/wx.setStorageSync interface is used to write local data cache. The one ending with Sync refers to the synchronization interface. It means that the operation will be returned immediately after the operation is completed. Let's show you the sample code and parameters, as shown in the figure:

Read local data cache: sample code

Read and write local data cache

Write local data cache: sample code

Write local data cache: parameter

Step 2: cache isolation and restriction

Cache isolation: the data interface provided by WeChat Mini Programs manages the data cache of different Mini Program. The local cache data of different Mini Program is different and needs to be isolated separately. Isolation is to avoid the disclosure of user data information and ensure the security of information.

Cache limit: each Mini Program cache space cannot exceed 10KB. If the 10KB is exceeded, writing local cache data through the wx.setStorage/wx.setStorageSync API will trigger the fail callback. It should be noted that key information is not recommended to be placed in the local data cache, but is recommended for long-term storage on the server side.

Step 3: perform front-end page processing in the locally cached data, as shown in the figure:

Step 4: in the locally cached data, submit and save the data. As shown in the figure:

Step 5: use the locally cached data to initialize the page. As shown in the figure:

The above is the basic introduction to WeChat Mini Programs's tutorial on the development of local data cache. if you are not clear about local data caching, you can exercise according to the above steps. If you do it a few more times, you'll be familiar with it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.