0

    微信小程序开发思路+教程【前端+后端(java)】

    2023.05.16 | admin | 185次围观

    linux下部署上线

    微信小程序项目构建

    这些基础的东西我就不过多介绍,大家在刚开始开发的时候一般都没有自己的服务器及域名,所以大家在本地编写的时候,在“详细”

    下的“项目设置”里面将“不校验域名安全性”勾选。至于微信小程序的组件,即前端页面的开发希望大家耐住寂寞认真在微信开发平台上,组件及api:

    后端详解

    我在后端编写主要是用java,当然对其他开发语言熟悉的也可以使用其他语言开发后端。现在我就java编写后端api的讲解。主要框架springboot,开发工具myeclipse微信小程序前后端开发,服务器阿里云服务器。

    创建一个maven项目微信小程序前后端开发,导入相关依赖:

    pom.xml依赖

    在配置文件src/main/resources/下创建application.properties文件可以修改一些配置参数等。

    在实际项目中可能涉及数据库,还要整合mybatis,在文章中,我仅仅做测试就不做使用数据库的测试。

    首先创建springboot的入口程序:app.class下面贴上代码:

    启动项目时直接右击run即可。

    在写一个测试的controller进行微信小程序与java后端实现通信,controller代码如下:

    至此简易的后端框架及测试基本完成。

    微信小程序开发思路+教程【前端+后端(java)】

    说明:@RestController与@Controller注解的区别@RestController相当于两个注解,它能实现将后端得到的数据在前端页面(网页)中以json串的形式传递。而微信小程序与后台之间的数据传递就是以json报文的形式传递。所以这就是选择springboot框架开发小程序后端的主要原因之一。可以方面我们进行小程序的后端开发。

    小程序发起网络请求

    在完成了小程序的后端开发,下面进行小程序端发起网络请求。

    下面以一个简单的按钮请求数据为例:

    wxml文件

    主要调用的api就是wx.request,想知道将详细的介绍大家可以去微信公众平台。

    接下来以搜索类型的请求为例:

    wxml文件:

    js文件:变量的定义见上一个js文件

    至此已经完成了简易的微信小程序端与java后端进行通信。

    现在可以在启动后端项目在微信开发工具上进行测试。

    演示效果:

    所以至此已经完成了小程序的前后端通信。

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论