微信小程序实战 (微信小程序后端Java接口开发demo)

简介: 微信小程序实战 (微信小程序后端Java接口开发demo)

前面的几篇简单介绍了一部分小程序框架基础,然后我们开始实战开发一哈(有些许前端基础的我看不下去了),还是等遇到问题在查一下官网的开发手册吧.

微信小程序后端Java接口开发

1.小程序后端开发

新建一个spring boot程序 pom.xml

<parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.2.6.RELEASE</version>
    <relativePath/> <!-- lookup parent from repository -->
</parent>
<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
        <scope>provided</scope>
    </dependency>
</dependencies>
复制代码

新建TestController

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
/**
 * @Author : lizzu
 * @create 2022/10/8 22:34
 */
@RestController
@RequestMapping("v1/weChat/")
public class TestController {
    @GetMapping("/getInfo")
    public String getInfo(String userName){
        return "hello: "+userName;
    }
}
复制代码

测试:

网络异常,图片无法展示
|

2.新建helloWord小程序项目

创建helloWord页面

"pages":[
    "pages/helloWord/helloWord",
    "pages/index/index",
    "pages/logs/logs"
  ],
复制代码

修改helloWord.js 增加接口调用方法 getData(that)

/**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    var that =this;
    this.getData(that);
  },
  /**
   * 接口调用
   */
  getData(that){
    wx.request({
      url: 'http://localhost:8080/v1/weChat/getInfo',      
      method:"GET",
      data:{
        userName: '李先生'
      },
      header:{
        'content-type': 'application/json'//json格式
      },
      success(res){//成功回调
        console.log(res.data);
        console.log(that);
        that.setData({
          result:res.data
        })
      }
    })
  },
复制代码

页面增加

<!--pages/helloWord/helloWord.wxml-->
<text>pages/helloWord/helloWord.wxml</text>
<view>收到后台响应数据:{{result}}</view>
复制代码

测试:报错“不在以下 request 合法域名列表中”

网络异常,图片无法展示
|

解决方案1 点击【详情】-勾选【不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书】

网络异常,图片无法展示
|

解决方案2 打开参考文档可以看到

每个微信小程序需要事先设置通讯域名,小程序**只可以跟指定的域名进行网络通信**。
复制代码

按照提示配置通讯域名

网络异常,图片无法展示
|
刷新测试

网络异常,图片无法展示
|

设置本地域名内网穿透可参考 SpringCloud Alibaba 开发微信公众号(新建微信公众号,内网穿透工具的使用)

网络异常,图片无法展示
|

测试效果:

网络异常,图片无法展示
|

至此微信小程序后端java接口开发demo整完

下一篇 微信小程序实现图书查询功能


相关文章
|
11月前
|
安全 Java 开发者
告别NullPointerException:Java Optional实战指南
告别NullPointerException:Java Optional实战指南
425 119
|
存储 前端开发 Java
【JAVA】Java 项目实战之 Java Web 在线商城项目开发实战指南
本文介绍基于Java Web的在线商城技术方案与实现,涵盖三层架构设计、MySQL数据库建模及核心功能开发。通过Spring MVC + MyBatis + Thymeleaf实现商品展示、购物车等模块,提供完整代码示例,助力掌握Java Web项目实战技能。(238字)
1341 0
|
Java 开发者
Java并发编程:CountDownLatch实战解析
Java并发编程:CountDownLatch实战解析
676 100
|
12月前
|
人工智能 Java API
Java AI智能体实战:使用LangChain4j构建能使用工具的AI助手
随着AI技术的发展,AI智能体(Agent)能够通过使用工具来执行复杂任务,从而大幅扩展其能力边界。本文介绍如何在Java中使用LangChain4j框架构建一个能够使用外部工具的AI智能体。我们将通过一个具体示例——一个能获取天气信息和执行数学计算的AI助手,详细讲解如何定义工具、创建智能体并处理执行流程。本文包含完整的代码示例和架构说明,帮助Java开发者快速上手AI智能体的开发。
3701 8
|
人工智能 Java API
Java与大模型集成实战:构建智能Java应用的新范式
随着大型语言模型(LLM)的API化,将其强大的自然语言处理能力集成到现有Java应用中已成为提升应用智能水平的关键路径。本文旨在为Java开发者提供一份实用的集成指南。我们将深入探讨如何使用Spring Boot 3框架,通过HTTP客户端与OpenAI GPT(或兼容API)进行高效、安全的交互。内容涵盖项目依赖配置、异步非阻塞的API调用、请求与响应的结构化处理、异常管理以及一些面向生产环境的最佳实践,并附带完整的代码示例,助您快速将AI能力融入Java生态。
1679 12
|
消息中间件 人工智能 Java
抖音微信爆款小游戏大全:免费休闲/竞技/益智/PHP+Java全筏开源开发
本文基于2025年最新行业数据,深入解析抖音/微信爆款小游戏的开发逻辑,重点讲解PHP+Java双引擎架构实战,涵盖技术选型、架构设计、性能优化与开源生态,提供完整开源工具链,助力开发者从理论到落地打造高留存、高并发的小游戏产品。
|
11月前
|
存储 人工智能 算法
从零掌握贪心算法Java版:LeetCode 10题实战解析(上)
在算法世界里,有一种思想如同生活中的"见好就收"——每次做出当前看来最优的选择,寄希望于通过局部最优达成全局最优。这种思想就是贪心算法,它以其简洁高效的特点,成为解决最优问题的利器。今天我们就来系统学习贪心算法的核心思想,并通过10道LeetCode经典题目实战演练,带你掌握这种"步步为营"的解题思维。
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4836 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
5302 1
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
4190 11
技术小白如何利用DeepSeek半小时开发微信小程序?

热门文章

最新文章