微信小程序开发【前端 后端(java)】附完整源码,拿来接私活简直不要太香[通俗易懂] -金沙1005

微信小程序开发【前端 后端(java)】附完整源码,拿来接私活简直不要太香[通俗易懂]一、前言现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,所以现在用这篇博客记录我之前开发的一些经验和一些心得吧。二、主要内容springboot后端架构构建小程序项目构建小程序api调用后台resetful接口编写小程序调用后台接口免费的https申请linux下部署上线三、微信小程序项目构建这些基础的东西我就不过多介绍,大家在刚开始开发的时候一般都没有自己的服务器及域名,所以大家

一、前言

现在微信小程序越来越火了,相信不少人都通过各种途径学习过微信小程序或者尝试开发,作者就是曾经由于兴趣了解开发过微信小程序,所以现在用这篇博客记录我之前开发的一些经验和一些心得吧。

二、主要内容

  1. springboot后端架构构建

  2. 小程序项目构建

  3. 小程序api调用

  4. 后台resetful接口编写

  5. 小程序调用后台接口

  6. 免费的https申请

  7. linux下部署上线

三、微信小程序项目构建

这些基础的东西我就不过多介绍,大家在刚开始开发的时候一般都没有自己的服务器及域名,所以大家在本地编写的时候,在“详细”下的“项目设置”里面将“不校验域名安全性”勾选。

微信小程序开发【前端 后端(java)】附完整源码,拿来接私活简直不要太香[通俗易懂]

至于微信小程序的组件,即前端页面的开发希望大家耐住寂寞认真在微信开发平台上。

组件:

https://developers.weixin.qq.com/miniprogram/dev/component/

*api: *

https://developers.weixin.qq.com/miniprogram/dev/api/

四、后端详解

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

创建一个maven项目,导入相关依赖:

pom.xml依赖

    
微信小程序开发【前端 后端(java)】附完整源码,拿来接私活简直不要太香[通俗易懂]

为防止网络爬虫,请关注公众号回复”口令”

激活idea 激活clion
datagrip dataspell
dotcover dotmemory
dottrace goland
phpstorm pycharm
resharper reshac
rider rubymine
webstorm 全家桶

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

#jsp支持

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

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

@componentscan(basepackages= "com.bin")//添加扫包@componentscan(basepackages= "")

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

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

@restcontroller

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

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

五、小程序发起网络请求

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

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

wxml文件


js文件

 /**

主要调用的api就是wx.request,想知道将详细的介绍大家可以去微信公众平台(https://developers.weixin.qq.com/miniprogram/dev/api/)。

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

wxml文件:

 

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

//获取输入框的内容

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

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

演示效果:

微信小程序开发【前端 后端(java)】附完整源码,拿来接私活简直不要太香[通俗易懂]

微信小程序开发【前端 后端(java)】附完整源码,拿来接私活简直不要太香[通俗易懂]

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

六、ps申请

其实也不算什么申请,在购买域名之后可以申请免费的ssl证书,在前面的配置文件application.properties中有证书的配置,将证书的pfx文件直接添加到后端项目下即可。

七、购买服务器部署后端api代码

对于springboot项目,本人建议打jar,直接在服务器上部署即可,在服务器上只需要安装对应版本的jdk即可。项目部署命令:

我购买的是阿里云的轻量级应用服务器部署的。比较划算吧。

运行命令: nohup java -jar helloworld.jar &

nohup的意思不挂服务,常驻的意思,除非云服务器重启,那就没法了;最后一个&表示执行命令后要生成日志文件nohup.out,当然还可以使用java -jar helloworld.jar。

八、源码领取
本文就先写到这里,项目源码和地址已经为大家准备好了,有需要的可以点击下面卡片回复 【421】 即可获取。

js555888金沙老品牌的版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由思创斯整理,转载请注明出处:https://ispacesoft.com/128160.html

(0)

相关推荐

  • 全网最全的 java 语法糖指南[通俗易懂]写在前面本文隶属于专栏《100个问题搞定java虚拟机》,该专栏为笔者原创,引用请注明来源,不足和错误之处请在评论区帮忙指出,谢谢!本专栏目录结构和文献引用请见100个问题搞定java虚拟机解答截止到jdk8,java语言中的语法糖一共有16种1.自动装箱/拆箱(基本类型)2.泛型3.内部类4.枚举5.枚举switch6.字符串switch7.字符串拼接8.数值字面量9.变长参数(可变参数)10.foreach循环11.桥接方法12.l

    2022年12月27日
  • 如何实现ajax请求_jquery请求接口ajax是java前端最重要的技术之一,是支撑着前端交互数据的基石,今天我们就来了解下ajax发送请求所需的五个步骤。首先我们需要来了解一下ajax,ajax的全称是asynchronousjavascript xml。异步传输 js xml。所谓异步,在这里简单地解释就是:向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果我们可以再来处理这个事。这个很重要,如果不是…

  • java实现文件上传_java实现大文件上传实例解析「建议收藏」核心原理:该项目核心就是文件分块上传。前后端要高度配合,需要双方约定好一些数据,才能完成大文件分块,我们在项目中要重点解决的以下问题。*如何分片;*如何合成一个文件;*中断了从哪个分片开始。如何分,利用强大的js库,来减轻我们的工作,市场上已经能有关于大文件分块的轮子,虽然程序员的天性曾迫使我重新造轮子。但是因为时间的关系还有工作的关系,我只能罢休了。最后我选择了百度的webuploader…

  • js代码混淆加密算法_js密码加密的几种方式本文是对崔庆才在拉勾教育某节课程的记录,地址:https://kaiwu.lagou.com/course/courseinfo.htm?courseid=46#/detail/pc?id=1688javascript压缩、混淆、加密简述:代码压缩:即去除javascript代码中的不必要的空格、换行等内容,使源码都压缩为几行内容,降低代码可读性,当然同时也能提高网站的加载速度。代码混淆:使用变量替换、字符串阵列化、控制流平坦化、多态变异、僵尸函数、调试保护等手段,使代码变得难以阅读和分析,

  • 字符串和数值型的区别_将字符串转换为数值的函数数据类型不同,使用起来自然也不同了,数值型数据可以进行加减乘除操作,字符串则不行,而字符串可以进行字符串连接操作,比如将“123”和“456”连接起来,就是“123456”了,数字字符串可以通过基本数据类型的包装类转换成数值型。两种数据类型所占的内存空间也是不一样的,字符串占2个字节,而数值型则不一定,得看它是什么类型的了,byte1字节,short…

  • java数组(二维数组)目录前言多维数组二维数组声明二维数组创建二维数组访问二维数组遍历二维数组最后前言在上一篇文章java数组(一维数组)中,我们学习了一维数组,那么今天我们来学习java二维数组。多维数组数组元素除了可以是原始数据类型、对象类型之外,还可以是数组,即数组元素是数组,通过声明数组的数组来实现多维数组。多维数组的使用和二维数组使用相似,我们来介绍二维数组。二维数组声明二维数组声明二维数组语法有两种格式,例如:数组类型[][]数组名;

    2022年12月21日
  • java8 instant 时间戳java8instant时间戳在java.util.date类与localdate、localdatetime类之间转换中均可以通过instant作为中间类完成转换,instant的使用还是比较方便的,下面介绍instant的使用。一、创建instant实例instantnow=instant.now();system.out.println("now:"

  • java反编译工具,你知道几个?[亲测有效]编译和反编译编程语言分成高级语言和低级语言。低级语言如机器语言、汇编语言。这类语言直接用计算机指令编写命令,不需要编译。这些语言机器能看到懂,但是程序员读起来很费劲。而我们平时经常用的语言c、java、python属于高级语言,这些语言程序员能看的懂。而机器是看不懂的。简单的总结为:高级语言就是程序员认识的语言,而低级语言是机器认识的语言。而把高级语言转成低级语言这个过程就是编译,而反编译就是把低级语言转成高级语言。有了反编译,我们就可以看懂java编译器生成的字节码,比如synchronized的实

发表回复

您的电子邮箱地址不会被公开。

联系金沙1005

关注“java架构师必看”公众号

回复4,添加站长微信。

附言:ispacesoft.com网而来。

关注微信
网站地图