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

coderHing[专注前端] coderHing[专注前端] 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.1w累计阅读 2.1w+平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄4年
关注
VIP免费 原创 最新推荐文章于 2026-04-03 02:15:23 发布 2.1w 阅读 AI 写同款· GEO 优化 ›
微信小程序调用api接口实例 页面效果： 1、首先在微信开发者工具中开启http域名 2、然后回到开发者工具中，找到详情=》项目配置，进行刷新或者重新编译 3、在index.wxml页面中写一个button: <view> <button bindTap="test">测试</button> </view> 4、在index.js文件中写入方法： text:function(){ var that = this; wx.requ... 阅读详情

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

 

showToast

效果展示
最低0.47元/天 解锁文章
标签
#小程序 #微信小程序 #前端 #微信 #前端框架
十分钟快速上手Spring Boot与微信小程序API接口的调用，快速开发小程序后端服务 微信小程序作为一种轻量级的应用形式，得到了越来越广泛的应用。在实际开发中，我们可能需要在微信小程序和后端服务器之间进行数据交互，以实现复杂的业务逻辑。本文将介绍如何使用Spring Boot框架与微信小程序API接口进行调用，实现跨平台业务逻辑处理的功能。 阅读详情

相关推荐

微信小程序支付流程

1）用户进入小程序，通过小程序发送下单支付请求，到商户系统。（下订单） 过程拆解：商户系统可以理解为我们自己的商户服务器，存放我们服务器的代码，这个过程就是，用户发送一个请求到我们自己的服务器，参数就是商品的一些信息。（下面代码的order_id就是获取订单信息） 2）服务器调用小程序登录API，微信服务器后台返回openid，商户服务器生成订单，调用统一下单API，返回预付单信息(prepa

dahuworld的博客 1789

初识微信小程序

文章目录2.初识微信小程序微信小程序：3.创建小程序 注册小程序账户 小程序工具功能介绍 以及小程序的目录结构分析4.小程序MINA框架介绍 wxml wxss pages逻辑层js 介绍 绑定数据、绑定属性、条件判断、循环渲染数据MINA框架介绍微信小程序与H5的不同之处：5.微信小程序事件、方法、事件对象、方法传值、获取data数据、修改data数据、冒泡非冒泡事件6.微信小程序app....

jiuchabi7492的博客 1797

微信小程序请求微信api授权登录(Java后端)

1.小程序端调用wx.login(),获取到微信返回的code临时凭证. 2.小程序端调用我方的后台接口,Java后端调用微信的api,需要appId,appSecret,js_code,grant_type:authorization_code 代码如下: private JSONObject getUserWXLoginInfo(String wxCode) { String reques...

CRR_0312的博客 7306

Frida实战：逆向分析微信小程序云托管API调用全流程（附完整Hook代码）

本文详细介绍了如何使用Frida工具逆向分析微信小程序云托管API调用全流程，包括代码提取、关键函数定位和完整Hook代码实现。通过实战案例，展示了如何拦截和修改云托管请求，为开发者提供了一套完整的逆向工程方案，助力安全分析和漏洞挖掘。

weixin_33704234的博客 666

小白如何在微信小程序中使用常用的API

微信小程序是一种可以在微信平台上运行的应用程序，它提供了一套丰富的API，用于开发各种功能和交互。小白在使用微信小程序的过程中，可以利用这些API来实现常用的功能。下面是一些常用的API及其使用案例，帮助小白更好地使用微信小程序。以上是一些常用的微信小程序API及其使用案例。小白在实际开发中，可以根据自己的需求选择合适的API来实现功能。同时，还可以参考微信小程序官方文档，了解更多API的使用方法和参数说明。一、用户授权相关API。二、网络请求相关API。四、地理位置相关API。六、数据缓存相关API。

吃不胖. 333

微信小程序酒店预订系统完整实战教程

微信小程序框架是微信官方提供的一个轻量级的前端框架，它采用JavaScript、WXML（WeiXin Markup Language）、WXSS（WeiXin Style Sheets）和JSON配置组成。它的特点在于融合了Web开发和原生应用开发的优势，让开发者可以使用类似于Web开发的方式，编写出既符合微信生态又具有原生体验的应用。微信小程序的API可以分为系统接口、网络接口、媒体接口、位置接口、设备接口、界面接口等，它们各自有着独特的用途和使用场景。系统接口多用于获取用户信息、系统信息等；

weixin_33506815的博客 1293

微信小程序订单系统实战教程及源码

微信小程序提供了一套丰富的原生组件，包括但不限于buttoniconswitchcheckbox等。这些组件大多具有默认样式，直接使用即可满足基本需求。同时，我们也可以对这些组件进行自定义样式，使得组件更加贴合页面设计。自定义组件时，一般通过WXSS对组件的样式进行修改，还可以通过修改组件的属性来达到自定义的效果。自定义组件时需要注意组件的可复用性，避免为了特定页面的样式需求而过度定制，导致维护困难。例如，要自定义一个按钮组件，可以通过class来覆盖默认的button。

weixin_28729843的博客 1414

全面掌握讲座预约系统微信小程序开发

在开始微信小程序的开发之前，环境搭建是首要步骤，它为开发者提供了一个编写、测试和预览小程序的本地环境。搭建过程需要下载并安装微信开发者工具，该工具集成了代码编辑器、编译器、调试器以及模拟器等多种功能。微信小程序是基于微信这一巨大社交平台而开发的应用，其依托于微信强大的社交网络，有着得天独厚的用户基础。小程序框架是由微信官方提供的，它简化了开发流程，让开发者可以使用它快速构建出界面丰富、功能强大的应用。

weixin_34471637的博客 975

微信小程序点餐系统开发实战项目教程

微信小程序是一种新的连接用户与服务的方式，它运行在微信环境之中，可以直接在微信内被发现和分享，无需下载安装即可使用。小程序的推出，降低了移动应用的使用门槛，让开发者可以更加便捷地触达用户，实现更加丰富的应用场景。用户进入点餐系统后的首要任务是浏览和选择菜品。菜单功能的设计需考虑以下几点：分类导航：菜品应按类别组织，如主食、小吃、饮料等，方便用户筛选。菜品详情：用户点击菜品后应能看到菜品的详细信息，包括图片、描述、价格等。筛选与排序。

weixin_31776191的博客 816

uni-app和uView构建的牙科诊所微信小程序预约系统源码解析

uni-app是一个使用Vue.js开发所有前端应用的框架，能够编译到iOS、Android、H5、以及各种小程序等多个平台。该框架的出现，大大简化了开发者跨平台开发的复杂度，让开发者只需要编写一套代码，就可以发布到各个平台。牙科诊所预约管理系统的核心需求在于提供一个高效、便捷的预约平台，使得患者能够轻松地预约到合适的时间段，同时牙科诊所也能合理安排医生的工作日程，优化资源利用。在深入分析这一核心需求时，我们应当考虑到以下几个方面：用户界面友好性。

weixin_35706255的博客 782

微信小程序开发实战：LOL战绩查询系统

在本章节中，我们介绍了小程序引导页和加载提示的设计和实现策略，包括设计原则、开发流程和实现示例。通过这些内容的学习，开发者能够更好地提升用户初次使用体验，并在数据加载过程中保持用户的耐心和兴趣。引导页和加载提示是小程序用户体验的重要组成部分，合理的运用能够显著提高用户的满意度。

weixin_42601134的博客 995

Windows/Linux双平台实战：QtCreator构建套件配置全攻略（含GCC/G++/GDB/CMake）

本文详细介绍了在Windows和Linux双平台下配置QtCreator构建套件的完整流程，涵盖GCC/G++、GDB和CMake等核心工具链的设置技巧。通过分步指导和实用示例，帮助开发者解决跨平台开发中的配置难题，提升Qt应用开发效率。特别针对QtCreator新手和需要在多平台切换的开发者提供了全面的配置指南。

weixin_28836507的博客 470

STM32 SYSTICK定时器及延时函数详解

STM32 SYSTICK及延时函数详解 SysTick定时器 SysTick定时器被捆绑在NVIC中，用于产生SYSTICK异常（异常号：15）。在以前，大多操作系统需要一个硬件定时器来产生操作系统需要的滴答中断，作为整个系统的时基。例如，为多个任务许以不同数目的时间片，确保没有一个任务能霸占系统；或者把每个定时器周期的某个时间范围赐予特定的任务等，还有操作系统提供的各种定时功能，都与这个滴答定时器有关。因此，需要一个定时器来产生周期性的中断，而且最好还让用户程序不能随意访问它的寄存器，以维持操作系统“心

w1050321758的博客 2366

Aruba无线控制器实战：如何用Client Match优化企业办公区漫游（附SNR调优技巧）

本文深入解析了如何利用Aruba无线控制器的Client Match功能优化企业办公区无线漫游体验。通过实战配置，详细阐述了基于SNR（信噪比）的精细化调优策略，包括阈值设定、负载均衡与场景化参数调整，旨在解决终端粘滞、乒乓漫游等问题，实现智能、平滑的无缝漫游。

weixin_28318011的博客 228

Vue3结合vue-office实现Word文档上传与预览全流程解析

本文详细解析了如何在Vue3项目中集成vue-office插件实现Word文档上传与预览功能。从项目初始化、插件安装到文件上传处理（包括ArrayBuffer转换）、预览优化及常见问题解决方案，提供了一套完整的实现流程，帮助开发者快速实现高效的文档预览功能。

weixin_29001327的博客 464

Bentley二次开发教程28-交互窗口-案例实战2-EC属性赋值工具

该工具会根据用户输入的路径获取Schema文件的路径，然后通过路径读取对应的Schema文件并在树状图中显示EC类，当用户选择树状图上的节点时，此时会触发事件，根据EC属性添加用户自定义控件用于显示EC属性并可对其进行赋值操作。完成后选取元素，点击界面上的应用，此时元素会被赋予指定EC类，同时修改的EC属性值也会被同步赋予。该工具涉及到的WinForm控件有：TextBox，Button，TreeView，Panel，UserControl（用户自定义控件）。

不见不散的博客 1474

Python-编写点云处理软件（二）点云软件ui制作之仿CC界面

至本篇结束，我们已经能够获得一个有点模子的界面了，但是具体的功能还没有编写，后续的文章将逐渐完善功能。

weixin_43894929的博客 3953

【JTAG】1500协议详解

随着集成电路的规模不断扩大，1149.1的板级测试无法满足要求越来越高的芯片测试需求。芯片规模变大后，测试需求不在是一次测试整片芯片，而是芯片分为好几个区域去测试，而1500协议正是对1149.1在该方面的一个补充即1149.1主要测试板级间的互连，而1500用来测试芯片内不同core之间的互连。IEEEStd1500已经为包含不同模块的集成电路(ICs)开发了一种可测试性设计标准方法。............

xuhe0206的博客 7020

手把手教你学Simulink--移动机器人多轮协同场景实例：基于Simulink的双轮差速PMSM轮毂电机协同驱动仿真

本文介绍了基于Simulink的双轮差速PMSM轮毂电机协同驱动仿真系统。针对移动机器人存在的电机参数不一致、负载分配不均等问题，提出主从同步+力矩补偿的协同控制策略。通过搭建包含运动学模型、PMSM电机模型和矢量控制器的仿真系统，实现了速度同步误差<0.005m/s、轨迹跟踪误差<0.8cm、能耗降低12.5%的优化效果。文章详细阐述了建模步骤、核心算法实现和性能验证，为移动机器人动力系统设计提供了实用参考方案。

MHD0815的博客 131

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox（带书签），MATLAB统计学习工具

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用，资源的后缀为tar.gz格式的压缩包

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...
上一篇： 前端经典面试题 | 吊打面试官系列 之 说说你对TypeScript 和 JavaScript的理解
下一篇： 环境搭建 | MuMu模拟器 - Window10/11 系列
点赞 199
评论 136
书签 书签 324
coderHing[专注前端]
coderHing[专注前端]
博客等级 码龄4年 3217粉丝 55原创
+ 关注 专栏目录
评论 136
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

coderHing[专注前端]

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

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

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

打赏作者

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

抵扣说明：

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

余额充值