【小程序】常见系统API | 页面分享 | 位置信息 | 本地存储
2022/10/10 5:24:09
本文主要是介绍【小程序】常见系统API | 页面分享 | 位置信息 | 本地存储,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
常见系统API
页面分享的基本介绍
分享是小程序扩散的一种重要方式,小程序中有两种分享方式:
如何决定这些信息的展示呢?通过 onShareAppMessage属性 类型 说明 promise promise 如果该参数存在,则其它的参数将会以 resolve 结果为准,如果三秒内不 resolve,分享会使用上面传入的默认参数
onShareAppMessage() { return { title: "我是分享的标题", path: "/pages/index/index.js", imageUrl: "/assets/zznh.png" } }
设备信息和位置信息
获取设备信息
在开发中,我们需要经常获取当前设备的信息,用于手机信息或者进行一些适配工作。 小程序提供了相关个API: wx.getSystemInfo(Object object)
wx.getSystemInfo({ success: (res) => { console.log(res); } })
获取位置信息
开发中我们需要经常获取用户的位置信息,以方便给用户提供相关的服务: 我们可以通过API获取: wx.getLocation(Object object)
wx.getLocation({ success: (res) => { console.log(res); } })
成功回调res中包含下面一些信息
属性 类型 说明 latitude number 纬度,范围为 -90~90,负数表示南纬 longitude number 经度,范围为 -180~180,负数表示西经 speed number 速度,单位 m/s accuracy number 位置的精确度,反应与真实位置之间的接近程度,可以理解成10即与真实位置相差10m,越小越精确 altitude number 高度,单位 m verticalAccuracy number 垂直精度,单位 m(Android 无法获取,返回 0) horizontalAccuracy number 水平精度,单位 m小程序Storage存储
在开发中,某些常见我们需要将一部分数据存储在本地:比如token、用户信息等。
小程序提供了专门的Storage用于进行本地存储。
同步存取数据的方法:
存入: wx.setStorageSync(string key, any data) 取出: any wx.getStorageSync(string key) 移除: wx.removeStorageSync(string key) 清空: wx.clearStorageSync()
// 存入数据 wx.setStorageSync("name", "chenyq") wx.setStorageSync("age", 18) // 取出数据 const name = wx.getStorageSync("name") const age = wx.getStorageSync("age") console.log(name); console.log(age); // 删除数据 wx.removeStorageSync("name") // 清空数据 wx.clearStorageSync()
异步存储数据的方法:注意传入的是对象
wx.setStorage(Object object) wx.getStorage(Object object) wx.removeStorage(Object object) wx.clearStorage(Object object)
// 存入数据 wx.setStorage({ key: "names", data: ["aaa", "bbb", "ccc"], // 存入成功的回调 success: (res) => { console.log(res); } }) // 取出数据 const names = wx.getStorage({ key: "names", success: (res) => { console.log(res.data); } }) // 删除数据 wx.removeStorage({ key: "names", success: (res) => { console.log(res); } }) // 清空数据 wx.clearStorage()
区别: 同步和异步的区别就是, 同步存取代码执行完成后, 可以立即获取数据, 而异步代码执行完成, 不能保证可以立即获取到数据
这篇关于【小程序】常见系统API | 页面分享 | 位置信息 | 本地存储的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30微信小程序的网络设置,及网络请求:wx.request(OBJECT)
- 2024-01-22基于taro搭建小程序多项目框架
- 2024-01-13小程序开发:在插件市场寻找步骤条组件并二开
- 2024-01-05钉钉小程序生态—企业机器人加互动卡片,改善用户体验的开始!
- 2023-12-29【UniApp】-uni-app-打包成小程序
- 2023-12-26性能翻倍!京东亿级体量小程序优化实践
- 2023-12-25小程序优化:第三方SDK过大解决方案
- 2023-11-26微信小程序文件预览和下载-文件系统
- 2023-11-2652天学习微信小程序计划No.2:注册小程序账号&安装开发者工具
- 2023-11-1952天学习微信小程序计划No.1:小程序简介