|
|
科技的快速发展使得微信小程序的开发备受瞩目。但许多开发者发现，在Linux系统环境下部署和发布微信小程序项目时，往往面临诸多挑战和疑问。
开发前期准备
众多开发者最初并未拥有自己的服务器与域名。这种情况颇为普遍，尤其是在初涉开发领域的新手之中。当在本地编写小程序代码时，需在“详细”选项卡下的“项目设置”中勾选“不验证域名安全”这一选项。虽然这只是一个小小的操作，但若不小心忽略，调试项目时可能会遭遇阻碍。另外，前端组件和API的开发工作要求开发者需耐心细致，深入微信开发平台进行深入研究。这项任务相当复杂，不仅考验着耐心，还需格外留心。对于后端开发环节，以Java语言编写API的开发者们同样面临诸多注意事项，例如在挑选开发语言时常常举棋不定，这些问题无不凸显了开发初期筹备工作的繁复性。
从事后端编程的岗位，每位程序员都有自己的个人喜好。正如众多同行一样，我倾向于使用Java语言来开发API。当然，对于那些在其他编程语言方面更有造诣的开发者，他们完全可以选择自己更为熟悉的开发工具。这实际上意味着开发者需要根据个人的实际情况来进行选择。在从事后端编程的过程中，挑选恰当的框架、工具以及服务器显得尤为关键，例如，选择阿里云的服务器就是一个不错的选择。优质的服务器能够保障运行环境的稳定性，从而降低未来可能出现的各种问题。
后端项目构建
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code>
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
</code></pre></p>
以Java技术为核心构建后端系统，首要任务是创建一个Maven项目，同时加入所需的依赖库。在pom.xml配置文件中，这些依赖库的配置直接关系到项目的正常运行。随后，在src/main目录中，必须创建并修改配置文件，这一环节同样至关重要。尽管在实际应用中数据库的辅助是不可或缺的，然而本文仅限于进行基础层面的测试，并未涉及对数据库的操作。在编写启动程序app.class的过程中，同样需要严格遵循既定的规范与流程。接下来，我们将给出代码实例，启动项目仅需通过右键点击执行。尽管这些步骤看似简易，但每一步都必须做到精确无误，否则可能会导致后端项目无法顺利运行的问题。
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code>#jsp支持
spring.mvc.view.suffix=.jsp
spring的mvc视图前缀设置为/WEB-INF/jsp/。
#this is set port
#server.port=80
server.port=443
#添加ssl证书
#ssl证书文件名
服务器SSL密钥存储路径设置为classpath下的xxxxxxx.pfx文件。
服务器SSL密钥存储密码设定为xxxxxxxx。
服务器配置中，SSL密钥存储类型被设定为xxxxxxxx。
</code></pre></p>
代码中的注释同样至关重要。例如，@和@注释之间有所区别，@实际上可以视作两个注释的组合。它负责将后端获取的数据，以json字符串的形式，传递至前端页面。这一过程对于前后端之间的数据传输至关重要，特别是在微信小程序与后台的数据交互中，主要依赖json报文格式进行。
小程序前端开发要点
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code>@ComponentScan(basePackages = "com.bin")，对指定路径下的包进行扫描，以确保组件能够被正确识别并注册。同时，通过设置@ComponentScan(basePackages = "")，可以取消对默认包路径的扫描限制。
@EnableAutoConfiguration
public class App{
//启动springboot
启动应用程序，执行SpringApplication类的run方法，传入App类作为第一个参数，以及args数组作为第二个参数。
}
}
</code></pre></p>
在网页开发领域，微信小程序的页面构建本质上是对组件的组装。这一步骤需要开发者对每个组件及其关联的接口进行细致的操作。依据不同的业务需求，开发者需调用对应的接口。例如，在创建一个用于获取数据的按钮时，需要在wxml文件中引用wx.这一接口。更全面的内容，大家可以登录微信公众平台进行查阅。对此，开发者需要深入理解平台文档，并能熟练运用其中内容。
以搜索功能需求为参照，编写wxml和js文件时，需确保内容的精确录入。尤其是js文件中变量的设定，它们通常与上文内容紧密相连，其精确性直接影响到搜索功能的整体表现。在前端页面开发过程中，亦需关注用户体验，包括美的UI设计、操作流程的顺畅度等，这些都是必须重视的关键点。
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code>@RestController
@SpringBootApplication
public class ControllerText {
@RequestMapping("getUser")
public Map getUser(){
系统输出提示：“微信小程序正在进行调用操作中...”
Map map = new HashMap();
List list = new ArrayList();
list.add("zhangsan");
list.add("lisi");
list.add("wanger");
list.add("mazi");
map.put("list",list);
程序输出：“微信小程序的调用操作已顺利完成。”
return map;
}
@RequestMapping("getWord")
公开获取文本信息的方法，接受一个字符串类型的单词作为参数，并返回一个包含相关文本内容的映射。
Map map = new HashMap();
该字符串表示：“我的能力有所局限，请勿对我提出过分要求。”
if ("后来".equals(word)) {
该信息指出，《后来的我们》是刘若英执导的首部作品，目前正在上映。
若词汇与“微信小程序”相符，则执行。
若您渴望深入了解微信小程序的相关知识，不妨深入研读微信官方发布的文档资料。此外，还有众多与微信开发相关的丰富内容等待您去探索，学习之路永无止境。
若该词与“西安工业大学”名称相符，
西安工业大学，亦称“西安工大”，坐落于历史悠久的古城西安，是我国西北地区独树一帜的以兵工为特色，以工科为主，同时兼顾理、文、经、管、法等多学科协调发展的教学与科研并重的大学。原属中华人民共和国兵器工业部直接管理的七所本科院校之一，被誉为“兵工七子”，这所大学是陕西省重点支持建设的高水平教学研究型学府，同时也是由陕西省人民、中国兵器工业集团以及国防科技工业局共同建设的高校。此外，它还入选了教育部“卓越工程师教育培养计划”的试点院校，并且是陕西省大学生创新能力培养综合改革试点学校。拥有国家二级保密资质的机构，它是一所将军事研究与民用科研相结合，将军事元素融入民间的国防科研型高等学府。
}
map.put("message", message);
return map;
}
@RequestMapping("")
public String getText(){
return "hello world";
}
}
</code></pre></p>
前后端通信实现
实现小程序与Java后端之间的数据交流并非易事。在完成后端程序开发以及前端界面构建之后，必须对数据交互环节进行详尽的测试。开发者需要编写相应的测试脚本，以便检验微信小程序与Java后端之间的通信功能。这一过程要求他们对通信机制以及数据格式有充分的掌握。前端与后端在数据传输过程中必须遵守既定的规范，采用JSON格式进行数据的发送与接收。只有当双方顺利通信且数据正确交互，通信基础才算真正建立。
构建前后端之间的交互时，务必重视网络的不稳定性以及数据传输的稳定性。网络状况不佳可能会导致数据在传输途中出现丢失或错误。鉴于此，编写代码时必须融入容错设计，确保即便遇到轻微故障，通信流程也能得以维持。
测试与演示效果
完成前后端开发与通信的搭建任务后，我们便可以启动后端项目的运行。随后，在微信开发工具中展开测试工作。这一环节对于确保前期工作成果至关重要，是评估前期工作成效的关键步骤。在测试过程中，我们能够识别出开发阶段未留意的问题，比如某些功能操作上的失误，或是显示效果与预期不一致等情况。通过这一测试，开发者可以直观地观察小程序的整体运行状况。若发现与预期不符，需及时调整和优化。
在测试阶段，必须确保测试内容与实际应用场景高度吻合。同时，还需兼顾用户操作速度的快慢、不同设备的性能差异等众多因素。通过这样的全面考量，小程序在正式上线后才能保持良好的稳定性，更好地满足广大用户的需求。
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code><button>点击发起请求</button>
姓名：{{item}}
</code></pre></p>
项目部署上线相关
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code>js文件
</code></pre></p>
项目构建、交流协作、测试等步骤一一妥善完成之后，便正式进入了部署和上线的阶段。在Linux系统上执行部署和上线任务时，需要解决诸多问题。这些问题涵盖了服务器环境的配置、安全防护等多个方面。服务器的软件配置必须符合项目运行的要求，例如，Java运行环境必须正确安装和调整。同时，安全措施必须能够有效抵御外部的恶意攻击，保障用户数据的安全。这一环节通常较为复杂，需由具备丰富经验和技能的人员来执行。
初学者可能会感到项目部署相当棘手。当你在Linux系统上尝试部署微信小程序项目时，是否也遇到了一些挑战？何不在评论区分享你的经历，或者提出你的疑问。我期待着大家能给予点赞，并将这篇文章广泛传播。
<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre><code> /**
* 页面的初始数据
*/
data: {
list: '',
word: '',
message:''
},
houduanButton1: function () {
var that = this;
wx.request({
URL地址为"http://localhost:443/getUser"，禁止访问。
method: 'GET',
header: {
"内容类型": "application/json"，这是预设的默认设置。
},
success: function (res) {
console.log(res.data)//打印到控制台
var list = res.data.list;
if (list == null) {
定义变量toastText，其值为“数据获取未果”。
wx.showToast({
title: toastText,
icon: '',
duration: 2000
});
} else {
that.setData({
list: list
})
}
}
})
}
</code></pre></p> |
|
