一、前言
现在，微信小程序越来越受欢迎。我相信很多人已经学会了微信小程序，或者试图通过各种手段来开发它们。由于曾经对理解和开发微信小程序感兴趣，因此作者开发了微信小程序，因此，我现在使用此博客记录以前的开发工作中的一些经验和见解。
二、主要内容
用于构建小型程序项目的后端体系结构，用于构建小型程序api以调用后台界面，以编写小型程序以调用后台界面以申请免费部署并上线
三、微信小程序项目建设
我不会过多介绍这些基本知识。刚开始开发时，通常没有自己的服务器和域名。因此，在本地编写时，需要在“详细信息”下设置“项目设置”。不验证域名安全性”。
关于微信小程序的组成部分，即前端页面的开发，希望您能忍受孤独并在微信开发平台上认真工作。
组件：
api：
四、后端的详细说明
我主要使用Java编写后端。当然，那些熟悉其他开发语言的人也可以使用其他语言来开发后端。现在，我将用Java编写后端api的说明。主要框架，开发工具，服务器阿里云服务器。
创建一个项目并导入相关的依赖项：
pom.xml依赖项
org.springframework.boot spring-boot-starter-parent 1.5.9.RELEASE org.springframework.boot spring-boot-starter-freemarker org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-starter-web org.springframework.boot spring-boot-starter-tomcat org.apache.tomcat.embed tomcat-embed-jasper
在配置文件src / main //下创建。该文件可以修改一些配置参数，等等。
#jsp支持 spring.mvc.view.suffix=.jsp spring.mvc.view.prefix=/WEB-INF/jsp/ #this is set port #server.port=80 server.port=443 #添加ssl证书 #ssl证书文件名 server.ssl.key-store=classpath:xxxxxxx.pfx server.ssl.key-store-password=xxxxxxxx server.ssl.keyStoreType=xxxxxxxx
在实际项目中，可能涉及数据库并且需要集成。在本文中微信小程序开发前端开发，我只是进行测试，而不会使用数据库进行测试。
入门程序首先创建：应用程序。粘贴以下代码：
@ComponentScan(basePackages= "com.bin")//添加扫包@ComponentScan(basePackages= "") @EnableAutoConfiguration public class App{ //启动springboot public static void main(String[] args) { SpringApplication.run(App.class, args); } }
启动项目时，右键单击直接运行。
编写测试以实现微信小程序和java后端之间的通信，代码如下：
@RestController @SpringBootApplication public class ControllerText { @RequestMapping("getUser") public Map getUser(){ System.out.println("微信小程序正在调用。。。"); Map map = new HashMap(); List list = new ArrayList(); list.add("zhangsan"); list.add("lisi"); list.add("wanger"); list.add("mazi"); map.put("list",list); System.out.println("微信小程序调用完成。。。"); return map; } @RequestMapping("getWord") public Map getText(String word){ Map map = new HashMap(); String message = "我能力有限，不要为难我"; if ("后来".equals(word)) { message="正在热映的后来的我们是刘若英的处女作。"; }else if("微信小程序".equals(word)){ message= "想获取更多微信小程序相关知识，请更多的阅读微信官方文档，还有其他更多微信开发相关的内容，学无止境。"; }else if("西安工业大学".equals(word)){ message="西安工业大学（Xi'an Technological University）简称”西安工大“，位于世界历史名城古都西安，是中国西北地区唯一一所以兵工为特色，以工为主，理、文、经、管、法协调发展的教学研究型大学。原中华人民共和国兵器工业部直属的七所本科院校之一（“兵工七子”），陕西省重点建设的高水平教学研究型大学、陕西省人民政府与中国兵器工业集团、国防科技工业局共建高校、教育部“卓越工程师教育培养计划”试点高校、陕西省大学生创新能力培养综合改革试点学校。国家二级保密资格单位，是一所以\"军民结合，寓军于民\"的国防科研高校。"; } map.put("message", message); return map; } @RequestMapping("") public String getText(){ return "hello world"; } }
到目前为止，简单的后端框架和测试已基本完成。
说明：@和@批注@之间的区别等同于两个批注，它们可以在前端页面（网页）中以json字符串的形式传输从后端获取的数据。微信小程序与后台之间的数据传输采用json消息的形式。因此，这是选择开发小程序后端的框架的主要原因之一。我们可以做小程序的后端开发。
五、小程序启动网络请求
完成小型程序的后端开发后，进入小型终端以发起网络请求。
以下是一个简单的请求数据的按钮的示例：
wxml文件
点击发起请求 姓名：{{item}}
js文件
/** * 页面的初始数据 */ data: { list: '', word: '', message:'' }, houduanButton1: function () { var that = this; wx.request({ url: 'http://localhost:443/getUser', method: 'GET', header: { 'content-type': 'application/json' // 默认值 }, success: function (res) { console.log(res.data)//打印到控制台 var list = res.data.list; if (list == null) { var toastText = '数据获取失败'; wx.showToast({ title: toastText, icon: '', duration: 2000 }); } else { that.setData({ list: list }) } } }) }
调用的主要api是wx。如果您想了解详细的介绍，可以转到微信公众平台（）。
接下来，以搜索类型请求为例：
wxml文件：
查询 {{message}}
js文件：有关变量的定义，请参见前面的js文件
//获取输入框的内容 houduanTab_input: function (e) { this.setData({ word: e.detail.value }) }, // houduanButton2的网络请求 houduanButton2: function () { var that = this; wx.request({ url: 'http://localhost:443/getWord', data:{ word: that.data.word }, method: 'GET', header: { 'content-type': 'application/json' // 默认值 }, success: function (res) { console.log(res.data)//打印到控制台 var message = res.data.message; if (message == null) { var toastText = '数据获取失败'; wx.showToast({ title: toastText, icon: '', duration: 2000 }); } else { that.setData({ message: message }) } } }) }
到目前为止，我们已经完成了一个简单的微信小程序，可以与Java后端进行通信。
您现在可以启动后端项目，以在微信开发工具上进行测试。
示范效果：
到目前为止，小程序的前端和后端通信已经完成。
六、 ps应用
实际上，它并不是真正的应用程序。购买域名后，您可以申请免费的SSL证书。在先前的配置文件中有证书配置。只需将证书的pfx文件直接添加到后端项目中即可。
七、购买服务器以部署后端api代码
对于项目，我建议键入jar并将其直接部署在服务器上。您只需要在服务器上安装相应版本的jdk。项目部署命令：
我购买了由阿里云部署的轻量级应用服务器。更具成本效益。
运行命令： nohup java -jar helloworld.jar &
的含义
不是要挂起服务，它是永久的，除非重新启动云服务器，否则它将无法工作； last＆表示在执行命令后将生成日志文件.out，当然也可以使用java -jar .jar。
八、源代码
百度云链接：
提取代码：c7yf
PS：如果您认为我的分享很好，欢迎您喜欢并观看。
END