微信小程序开发的经验和心得

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信小程序开发的经验和心得

一、主要内容

后端架构、搭建小程序项目、搭建小程序api、调用后端接口、编写小程序调用后端接口、申请免费https、linux下部署、上线

2.微信小程序项目搭建

这些基本的东西我就不过多介绍了。 刚开始开发时，一般没有自己的服务器和域名微信小程序开发的经验和心得，所以本地编写时，将“详细信息”下的“项目设置”中的“不验证”改为“不验证”。 检查“域名安全”。 至于微信小程序的组件，也就是前端页面的开发，希望大家能够耐得住寂寞，在微信开发平台上认真工作。

3. 后端详解

这里后端的编写主要使用Java。 当然，熟悉其他开发语言的人也可以使用其他语言开发后端。 现在我将解释如何用Java编写后端API。 主框架、开发工具、服务器阿里云服务器。创建maven项目并导入相关依赖：pom.xml依赖

org..boot -boot--.5.9。

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

#jsp .mvc.view.=..mvc.view.=/WEB-INF/jsp/#这是设置的端口#.port=.port=443#添加ssl证书 #ssl证书文件名.ssl.key-商店=:..ssl.key-store-=.ssl.=

实际项目中可能会涉及到数据库，需要集成。 文章中我只做了测试，并没有使用数据库进行测试。 首先创建入口程序：app.class并粘贴以下代码：

@(="com.bin")//添加包扫描@(= "")@{//Start([] args){ .run(App.class, args); }}

启动项目时右键运行即可。 编写测试时，微信小程序与Java后端通信。 代码如下：

@@{@("")(){.out.("微信小程序正在调用...

");=();=();list.add("");list.add("lisi");list.add("");list.add("mazi");map.put(" list",list);.out.("微信小程序完成...

");; }@("")( word){=(); ="我能力有限，别为难我";if("后来".(word)) {="电影《后来我们》目前正在上映的是刘若英的小说处女作。 ";}("微信小程序".(word)){="如果您想了解更多关于微信小程序知识，请阅读更多微信官方文档，还有更多与微信开发相关的内容。 学习永无止境。 。 ";}("西安工业大学".(word)){="西安工业大学（西安），简称“西安工业大学”，坐落于世界历史文化名城古都西安市。 是西北地区唯一一所以军工为特色的大学。 是一所以工科为主，理、文、经、管、法等学科协调发展的教学研究型大学。 中华人民共和国兵工部直属七所本科院校（简称“七兵工”）之一，陕西省重点建设的高水平教学研究型大学，陕西省人民政府、中国兵器工业集团、国防科技工业局共建高校、教育部“卓越工程师教育培养计划”试点高校、陕西省大学生创新能力培养综合改革试点学校。 国家二级保密资格单位，是一所“军民结合、军民融合”的国防研究型大学。

"; }map.put("", );; }@("")(){"你好世界"; }}

至此，简单的后端框架和测试就基本完成了。 注：@和@注解的区别 @相当于两个注解，可以将后端获取到的数据以json字符串的形式传输到前端页面（网页）。 微信小程序与后端之间的数据传输采用json消息的形式。 所以这是选择框架开发小程序后端的主要原因之一。 我们可以进行小程序的后端开发。

4、小程序发起网络请求

完成小程序后端开发后，我们就开始让小程序发起网络请求。下面以一个简单的按钮请求数据为例：wxml文件

点击发起请求名称：{{item}}

js文件

/** * 页面初始数据*/data: {list:'', word: '', :''},: () {var that =this; wx.({url:':443/',: 'GET', : {'-type':'/json'//默认值}, : (res) {.log(res.data)//打印到= res.data.list;if(list== null) {var ='数据获取失败'; wx.({ title: ,icon:'', : 2000 }); } else { that.({ list:列表 }） } } }）}

主要调用的API是wx. 如果想了解详细介绍，可以前往微信公众平台。 接下来以搜索类型请求为例：

wxml 文件：

查询{{}}

js文件：变量的定义参见前面的js文件

//获取输入框的内容: (e) {this.({ word: e..value })}, // 网络请求: () {var that

=这个； wx.({url:':443/', data:{ word: that.data.word },:'GET', : {'-type':'/json'//默认值}, : (res) {.log(res.data)//打印到控制台 var =

res.data.;if( == null) {var ='数据获取失败'; wx.({ 标题: ,图标:'', : 2000 }); } else { 那。({ : }) } } } )}

至此用java开发微信小程序，简单的微信小程序就已经完成与Java后端的通信了。 现在您可以启动后端项目在微信开发工具上进行测试了。 示范效果：

那么现在小程序的前后端通讯就已经完成了。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等