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

本文涉及的产品
.cn 域名,1个 12个月
简介: 微信小程序实战 (微信小程序后端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整完

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


相关文章
预约按摩小程序开发,为什么很多上门按摩平台根本招聘不到优秀技师?
上门按摩平台面临招不到优秀技师的问题,主要原因是平台众多,技师选择多样。为解决此问题,平台可引入技师等级制度,根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐,这不仅能激励技师的积极性,还能帮助平台筛选出优质技师,提升服务质量和口碑,形成良性循环。
|
19天前
|
JSON Java Apache
非常实用的Http应用框架,杜绝Java Http 接口对接繁琐编程
UniHttp 是一个声明式的 HTTP 接口对接框架,帮助开发者快速对接第三方 HTTP 接口。通过 @HttpApi 注解定义接口,使用 @GetHttpInterface 和 @PostHttpInterface 等注解配置请求方法和参数。支持自定义代理逻辑、全局请求参数、错误处理和连接池配置,提高代码的内聚性和可读性。
|
10天前
|
Java
在Java中,接口之间可以继承吗?
接口继承是一种重要的机制,它允许一个接口从另一个或多个接口继承方法和常量。
36 1
|
20天前
|
Java
java线程接口
Thread的构造方法创建对象的时候传入了Runnable接口的对象 ,Runnable接口对象重写run方法相当于指定线程任务,创建线程的时候绑定了该线程对象要干的任务。 Runnable的对象称之为:线程任务对象 不是线程对象 必须要交给Thread线程对象。 通过Thread的构造方法, 就可以把任务对象Runnable,绑定到Thread对象中, 将来执行start方法,就会自动执行Runable实现类对象中的run里面的内容。
36 1
|
26天前
|
Java 开发者
在Java多线程编程的世界里,Lock接口正逐渐成为高手们的首选,取代了传统的synchronized关键字
在Java多线程编程的世界里,Lock接口正逐渐成为高手们的首选,取代了传统的synchronized关键字
44 4
|
28天前
|
人工智能 小程序
【一步步开发AI运动小程序】五、帧图像人体识别
随着AI技术的发展,阿里体育等公司推出的AI运动APP,如“乐动力”和“天天跳绳”,使云上运动会、线上健身等概念广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章分为四部分:初始化人体识别功能、调用人体识别功能、人体识别结果处理以及识别结果旋转矫正。下篇将继续介绍人体骨骼图绘制。
|
29天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
572 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
696 1
|
2月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
125 7