微信小程序 | 小程序系统API调用

这篇博客深入探讨了微信小程序的开发实践,包括网络请求API的使用与封装,域名配置,弹窗展示与分享功能实现,获取设备信息和位置信息,小程序Storage本地存储,页面跳转与数据传递的技巧,以及小程序的登录流程解析。通过实例讲解,帮助开发者更好地理解和掌握微信小程序的开发技能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

🖥️ 微信小程序专栏:小程序系统API调用
🧑‍💼 个人简介:一个不甘平庸的平凡人🍬

✨ 个人主页:CoderHing的个人主页

🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️

👉 你的一键三连是我更新的最大动力❤️


目录

一、网络请求API和封装

网络请求 – API参数

网络请求 – API使用

网络请求 – API封装

网络请求域名配置

二、展示弹窗和页面分享

展示弹窗效果

分享功能

三、设备信息和位置信息

获取设备信息

获取位置信息

四、小程序Storage存储

Storage存储

五、页面跳转和数据传递

界面跳转的方式

页面跳转 - navigateTo

页面返回 - navigateBack

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

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

界面跳转的方式

六、小程序登录流程演练

小程序登录解析

小程序用户登录的流程


一、网络请求API和封装

网络请求 – API参数

  • 微信提供了专属的API接口,用于网络请求: wx.request

 

  • 关键属性解析:
  • url:必传
  • data:请求参数
  • methods:请求方式
  • success:成功的回调
  • fail:失败的回调

网络请求 – API使用

  • 直接使用wx.request发送请求:

网络请求 – API封装

封装类

 

封装函数

 

网络请求域名配置

  • 每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信.
  • 小程序登录后台 – 开发管理 – 开发设置 – 服务器域名
  • 服务器域名请在 「小程序后台 - 开发 - 开发设置 - 服务器域名」 中进行配置,配置时需要注意:
  • 域名只支持 https (wx.request、wx.uploadFile、wx.downloadFile) 和 wss (wx.connectSocket) 协议
  • 域名不能使用 IP 地址(小程序的局域网 IP 除外)或 localhost
  • 可以配置端口,如 https://myserver.com:8080.但是配置后只能向 https://myserver.com:8080 发起请求.如果向https://myserver.com、https://myserver.com:9091 等 URL 请求则会失败
  • 如果不配置端口.如 https://myserver.com,那么请求的 URL 中也不能包含端口,甚至是默认的 443 端口也不可以.如果 向 https://myserver.com:443 请求则会失败
  • 域名必须经过 ICP 备案
  • 出于安全考虑,api.weixin.qq.com 不能被配置为服务器域名,相关 API 也不能在小程序内调用..开发者应将 AppSecret 保存到后台服务器中,通过服务器使用 getAccessToken 接口获取 access_token,并调用相关 API.
  • 不支持配置父域名,使用子域名

二、展示弹窗和页面分享

展示弹窗效果

  • 小程序中展示弹窗有四种方式: showToast、showModal、showLoading、showActionSheet

评论 136
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

coderHing[专注前端]

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值