微信小程序 | 小程序系统API调用(二)

简介: 微信小程序 | 小程序系统API调用(二)

四、小程序Storage存储

Storage存储

  • 在开发中,我们需要将一部分数据存储在本地:比如token 用户信息等
  • 小程序提供了专门的Storage用于进行本地存储
  • 对比之前我们需要存 需要先JSON.stringfiy 之后取出来得 json.parse转回来
  • 同步存取数据的方法:
  • wx.setStorageSync()
  • any wx.getStorageSync()
  • wx.removeStorageSync()
  • wx.clearStorageSync()

235647413c454697a667db2af0f4fe5c.png

  • 异步存储数据的方法:
  • wx.setStorage
  • wx.getStorage
  • wx.removeStorage
  • wx.clearStorage

75f0cf8dddbc4887b4b286c2ff7f3dab.png

五、页面跳转和数据传递

界面跳转的方式

  • 界面的跳转有两种方式:通过navigator组件 通过wx的API跳转
  • wx的API跳转 :

032a820ab41f49bdb6c3f7aff380fe56.png

页面跳转 - navigateTo

  • wx.navigateTo
  • 保留当前页面,跳转到应用内的某个页面;
  • 但是 不能跳到tabbar页面;

6edd527649054788849070e8ab558c16.png

8f8bef7c6858492493cd7e5a8b861b1e.png

页面返回 - navigateBack

  • wx.navigateBack()
  • 关闭当前页面,返回上一页面或多级页面

1b248859dcb946cd9fd02a8d28aa1132.png

页面跳转 - 数据传递(一)

  • 在界面跳转过程中 需要相互传递一些数据,应该如何完成?
  • 首页 => 详情页 : 使用URL中的query字段
  • 详情页 => 首页: 在详情页内部拿到首页的页面对象,直接修改数据

503adb6eb285471ea9914eba2b317b9b.png

这里给大家两种写法:

页面跳转 - 数据传递(二)

  • 前面一种数据的传递方式只能通过上面两张图的方式来进行,在现在的小程序已经开始支持events参数,可以用于数据传递

7240f3d7d64045cba15b237153a42b69.png

界面跳转的方式

  • navigator组件主要就是用于界面的跳转的,也可以跳转到其他小程序中:

f0414772d3134efb96c37758ab599956.png

六、小程序登录流程演练

小程序登录解析

  • 为什么需要用户登录?
  • 增加用户的 粘性和产品的停留时间
  • 如何识别同一个小程序用户身份?
  • 认识小程序登录流程
  • openidunionid(在微信中,判断 是不是同一个用户 登录不同的产品)
  • 获取code
  • 换取authToken
  • 用户身份多平台共享
  • 账号绑定
  • 手机号绑定

小程序用户登录的流程


55305b1254184f9cb9da2c1c69c24e7d.png

相关文章
|
2月前
|
小程序 Java 关系型数据库
基于微信小程序的智慧养老服务系统
本系统基于Java、MySQL和Spring Boot技术,构建高效、安全的养老院管理系统,提升信息处理速度与管理规范性,实现数据自动化备份与网络化管理,助力养老机构信息化升级。
|
4月前
|
小程序 安全 JavaScript
微信小程序API+京东支付,无缝结账体验满分!
在数字化时代,支付体验成为电商竞争关键。本文详解如何通过微信小程序API无缝集成京东支付,实现“一键结账”流畅体验。结合微信庞大用户基础与京东支付安全高效优势,助力电商业务提升转化与用户满意度。
214 0
|
5月前
|
人工智能 自然语言处理 小程序
微信小程序+淘宝API,无缝购物体验提升复购率!
在电商竞争激烈的当下,微信小程序与淘宝API的整合为商家提供了一条提升用户体验与复购率的创新路径。本文详解其整合原理、实现步骤及优势,助力商家打造无缝购物体验,提升转化效率。
247 0
|
2月前
|
JavaScript 小程序 Java
基于微信小程序的线上博物馆系统
线上博物馆系统利用互联网与数字技术,实现文化遗产的数字化保护与传播,打破时空限制,推动文化传承与教育创新。结合Java、Vue及Uniapp等技术,构建跨平台、高互动的在线展览平台,提升公众文化体验。
|
4月前
|
缓存 小程序 开发工具
最新原创uniapp+vue3仿微信界面聊天app系统
最新原创研发uniapp+vue3实战跨端仿微信App界面聊天程序。支持运行到H5+小程序+APP端。
259 6
最新原创uniapp+vue3仿微信界面聊天app系统
|
3月前
|
安全 NoSQL API
拼多多:通过微信支付API实现社交裂变付款的技术解析
基于微信JSAPI构建社交裂变支付系统,用户发起拼单后生成预订单与分享链接,好友代付后通过回调更新订单并触发奖励。集成微信支付、异步处理、签名验签与Redis关系绑定,提升支付成功率与裂变系数,实现高效安全的闭环支付。
447 0
|
3月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
3月前
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
4月前
|
移动开发 小程序 安全
微信API社交裂变工具,老带新流量成本归零!
在数字化营销时代,利用微信API构建社交裂变工具,可实现“老带新”的病毒式传播,大幅降低获客成本。本文详解如何通过微信API实现零成本流量增长,解析裂变机制与技术实现。
219 0

热门文章

最新文章