微信小程序实战 (微信小程序后端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整完

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


相关文章
|
3月前
|
缓存 小程序 前端开发
商城/点餐/家政类小程序源码合集_微信抖音小程序源码开发从入门到精通实战
本文系统讲解如何利用现有源码快速开发商城、点餐、家政类微信/抖音小程序,涵盖环境搭建、核心功能实现、多平台部署与优化,提供完整技术方案。实战导向,助力开发者高效入门与落地。
|
3月前
|
小程序 PHP 图形学
热门小游戏源码(Python+PHP)下载-微信小程序游戏源码Unity发实战指南​
本文详解如何结合Python、PHP与Unity开发并部署小游戏至微信小程序。涵盖技术选型、Pygame实战、PHP后端对接、Unity转换适配及性能优化,提供从原型到发布的完整指南,助力开发者快速上手并发布游戏。
|
3月前
|
存储 小程序 Java
热门小程序源码合集:微信抖音小程序源码支持PHP/Java/uni-app完整项目实践指南
小程序已成为企业获客与开发者创业的重要载体。本文详解PHP、Java、uni-app三大技术栈在电商、工具、服务类小程序中的源码应用,提供从开发到部署的全流程指南,并分享选型避坑与商业化落地策略,助力开发者高效构建稳定可扩展项目。
|
7月前
|
小程序 前端开发 Android开发
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
1546 29
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
|
7月前
|
JSON 监控 小程序
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
707 14
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
|
9月前
|
存储 移动开发 小程序
校园圈子系统小程序(圈子论坛、私信聊天、资料共享、二手交易、兼职,跑腿)开源码开发/微信公众号、小程序、H5多端账号同步/搭建多城市的综合社交生活平台
基于开源技术栈构建的校园圈子系统小程序,整合社交与生活服务功能,涵盖兴趣圈子、私信聊天、资料共享、二手交易、兼职跑腿等六大核心模块。通过多端账号同步(微信公众号/小程序/H5),实现数据实时交互,满足学生群体的多元化需求。项目精准锚定校园市场,以“社交+服务”双轮驱动,提供一站式解决方案,支持快速部署与多校区运营,同时具备广告、佣金、会员等多元变现能力,是打造校园生态的理想工具。
1037 2
校园圈子系统小程序(圈子论坛、私信聊天、资料共享、二手交易、兼职,跑腿)开源码开发/微信公众号、小程序、H5多端账号同步/搭建多城市的综合社交生活平台
|
安全 Java 开发者
JAVA 获取微信用户信息,看完这篇你必须得学会
JAVA 获取微信用户信息,看完这篇你必须得学会
1330 0
JAVA 获取微信用户信息,看完这篇你必须得学会
|
2月前
|
JSON 网络协议 安全
【Java】(10)进程与线程的关系、Tread类;讲解基本线程安全、网络编程内容;JSON序列化与反序列化
几乎所有的操作系统都支持进程的概念,进程是处于运行过程中的程序,并且具有一定的独立功能,进程是系统进行资源分配和调度的一个独立单位一般而言,进程包含如下三个特征。独立性动态性并发性。
196 1
|
2月前
|
JSON 网络协议 安全
【Java基础】(1)进程与线程的关系、Tread类;讲解基本线程安全、网络编程内容;JSON序列化与反序列化
几乎所有的操作系统都支持进程的概念,进程是处于运行过程中的程序,并且具有一定的独立功能,进程是系统进行资源分配和调度的一个独立单位一般而言,进程包含如下三个特征。独立性动态性并发性。
221 1
|
3月前
|
数据采集 存储 弹性计算
高并发Java爬虫的瓶颈分析与动态线程优化方案
高并发Java爬虫的瓶颈分析与动态线程优化方案