前段时间在耳边一直有听到“微信小程序”

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lys1695227550/article/details/81535899

       我初步了解了一些微信小程序相关,我觉得如果是一些小应用使用小程序还是挺合适的,毕竟现在信息爆炸。如果应用都使用APP,开发成本高,开发时间长,并且很多app使用不频繁,管理麻烦。用户可能就需要一些平台(比如微信、支付宝),就不需要下载专门的app,这显然是很方便的。小程序就是做这么一件事,你可以随时关注、取关,快速便捷。

      下面我将描述下我在前段时间的“微信小程序之旅”。

       在小程序官网看了看介绍,翻了一些官网的文档,发现很多东西都是极为类似,WXML、WXSS和HTML、CSS;wx.request与(jquery Ajax);视图与数据绑定在一些前端框架用法都差不多;我觉得微信小程序多出来的就是那些API。

        初步认识后,我觉得自己来实习一个小demo

        根据我个人的学习习惯,我是先使用工具Xmind将自己想要做的东西描述出来,再根据自己的想法,使用网上在线工具(墨刀)将原型绘制出,如下图

                                                                 

       开始使用webstorm+微信官方开发工具联合开发,在webstorm上开发同时使用微信官方开发工具调试。页面比较简单,单都是最基本的也最常见的,其中还有一个表单也是很基本的账户密码输入框。

       将静态页面搭建出来后,就需要考虑前后端交互了。此刻我脑子里第一个浮现的就是java后台、Ajax(jquery)以及请求问题跨域。java后台我直接使用一个ssm(只是为了复习ssm,选择与小程序无关)简单搭建了一个后端服务。然而微信小程序使用wx.request来访问后台,猝不及防的问题:微信使用https以及后台地址需要域名,注意是备案成功的域名。

      由于我使用的是阿里云,所以我采用nginx(配置https),ssm放在后端的tomcat,域名在阿里云平台申请备案,一顿操作后备案成功,接着所有的问题解决。https相关可以看我的其他文章,简单提了。

       最后就是需要将代码测试,并提交审核,通过才能上线。

       实现出来的小程序可以在微信上搜索“学生管理器”(头像一朵大红花),没有业务只是纯粹的小demo。

       最后附上我的开发总结图:

        

猜你喜欢

转载自blog.csdn.net/lys1695227550/article/details/81535899