微信小程序 request请求 本地存储

目录

[01 request请求](#01 request请求)

[02 小程序本地存储](#02 小程序本地存储)


01 request请求

小程序 wx.request请求的服务器域名 必须是经过配置的,

如果直接请求会报错,处理方式有两种:

1.开发环境下简单处理:

开发工具 右上角--详情--本地设置--不校验合法域名 打钩

只适用于开发环境

2.如果小程序上线 那么必须配置合法域名列表 否则无法请求

前提是:后台接口的协议必须是https 加密协议 否则就算配置合法域名

上线后也无法请求(小程序官方规定)

配置合法域名列表:

1.把开发工具的APPID换成资质小程序ID 不能是测试ID

2.打开小程序网站 登录当前 id 对应的账号后台

3.开发管理 ---开发设置 往下 服务器域名 点击开始配置

4.把后台接口的域名加入进入 保存

5.开发工具最好重启一次

6.点击详情 项目配置 如果合法域名列表中出现配置好的域名

那么 项目重新编译 就可以了

02 小程序本地存储

1.同一个微信用户,同一个小程序 storage上限为10MB。

2.小程序的缓存是没有有效期的

3.如果存储空间不足,会清空最近最近未使用的小程序的本地缓存(LRU)

4.不建议存储敏感数据

5.单个key 允许存储的最大数据长度为1MB

小程序缓存操作分为同步操作异步操作

同步操作:

等到操作完毕 再执行后续代码

异步操作

不等待 直接执行后面的代码 通过回调方式,确认是否操作成功。

一般数据量比较大的时候情况或者有进行大量计算的数据建议使用异步,

其他情况下 同步操作即可。

同步操作:

增加:wx.setStorageSync(字符串键,任意类型的值)

存储的值如果不是字符串 那么该类型必须支持JSON.parse

删除:wx.removeStorageSync(键)

根据键删除值

修改:wx.setStorageSync("键",值)

键存在,则值修改

查找: wx.getStorageSync("键")

根据键获取值

清空: wx.clearStorageSync()

慎用!!!! 会把当前程序所有的缓存清除

异步操作:

增加: wx.setStorage(options)

删除: wx.removeStorage(options)

修改: wx.setStorage(options)

查询: wx.getStorage(options)

options常用属性:

key : String 键

data : any 值 (增加和修改有data属性)

success 成功的回调

fail 失败的回调

complete 完成的回调

相关推荐
木易士心1 小时前
一文读懂:微信小程序云数据库直连原理与使用指南
微信小程序·serverless
明月_清风10 小时前
小程序云函数:从入门到全栈的“降维打击”指南
前端·微信小程序·小程序·云开发
拉不动的猪20 小时前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
WangHappy3 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端3 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker4 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker4 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者7 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround8 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround8 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp