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

🖥️ 微信小程序专栏：小程序系统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