个人小程序的设计之路

个人小程序的设计之路

一些废话

18年临近毕业的时候，为了能找一份心仪的Java开发工作，开始对Java知识点进行整理，刷一刷面试题。

一开始整理的面试题都放是记录在自己的笔记本上面，有一天在宿舍突然觉得很无聊，就想着为什么不把面试题记录在数据库呢，这样以后都不会丢，刚好自己有云服务器(腾讯的学生云主机，那时候一块钱一个月)

于是简单的写个H5将自己每天收集的面试题题就放到数据库中。

实现之后，因为查看题不方便，就想着那干脆做个小程序吧，这样用手机就行，到哪里都可以看。

就这简单的一步就让我搬砖搬到现在，就好像一开始我想着搬几块砖就行了，结果最后变成了搭建鸟巢，虽然我的小程序现在只能说是小茅草屋。

设计过程

过程从大的方向来看其实很简单：

第一步就是你需要大概知道你要设计小程序长什么样子，我个人不是产品设计，所以只好去借鉴别人的同类作品了。

第二步当自己知道小程序大概的轮廓，就开始绘制吧，如果你没有前端的基础，可以去官网学习学习。

第三步写接口，本地调试

第四步给服务器绑定域名，以及SSL证书

第五步小程序的后台申请发布，申请成功后我们的小程序就上线了。

---

但是在实现的细节上就会遇到各种各样的问题，凭借记忆我回顾以下自己遇到的相关问题:

1.学习CSS。我本身是Java开发，对于前端不能说不懂，但是懂的很有限，所以我是学习阮一峰的Flex布局，然后感觉就够用了，然后再通过实践去丰富自己的前端知识

2.找图标。没有美工给咱们设计图标，只能自己想办法。我一般都是到阿里云矢量图标库去下载一些图标来用

3.图片存储。如果你不使用腾讯的对象存储而且没地方存图片，可以将图片存到公众号的素材中，然后F12复制图片的链接作为小程序访问的图片链接。

4.熟悉小程序的控件。小程序自带的控件挺多的，很多功能我们都可以使用这些控件，比如swiper不光能做简单的Banner展示,还可以作为整个页面左右切换的控件。

5.富文本解析。选择解析插件从xParse到towxml最后选用markdown的渲染插件wemark。优化和修改这些插件来适配自己的小程序

6.模块控制。小程序上线一旦出现Bug，我们修改加提审都需要时间，所以每个模块我们都应该能后台控制模块的上下架

7.优化推广。小程序也有许多应用商店，比如知晓程序,我们可以免费在上面上架小程序。点击传送门传送

还有推广网站，比如51微量联盟，在这个上面我们可以一比一的去换量，点击[传送门]传送(https://www.51weiliang.com/?fromuid=141918)
或者加一些小程序的互点的微信群，进行互相访问。

8.目前只能想到这些，后面想到或者突发灵感的时候，再补上。。。

代码整理

作为一个开发人员，代码如果乱七八糟的，会很烦，作为新手，对于代码整理可能又很难，但是个人觉得还是要好好地去整理，能学到不少东西。

最开始自己图省事，基本上所有样式都是style里面去写，后面修改界面的时候，快疯了，但是作为一名后端人员，抽离样式真的是没有头绪，所以一开始我的方法是先复制样式代码，
全局搜一下如果搜到挺多的，就维护起来。

当我提取了样式之后，我又开始封装了小程序的基本请求，然后创建一个JS，所有的请求后端接口都写在这JS中，然后暴露出去，供每个页面的JS去用，这样每次改动
接口，我都可以直接来这里进行修改。

除了样式和请求，提示信息这些公共的方法我们可以创建一个模版，然后哪里用哪里就去掉，也会省了不少事。

当然我们也可以去根据自己小程序去写一些组件。

牢骚和感受

先发发牢骚:

自己做的小程序也有一年了快，最开始单纯想应付Java面试，方便自己，最后却一直维护到今天，中间挺多次都在划水，没有认真去维护，但是好在自己迷途知返，又开始慢慢的优化它，

但是因为自己能力问题，我没有让它能挣到钱(流量主那点钱真的太低，大概够自己每个月的地铁费吧)，用户不多，日活量又很低，所以个人还是以工作为主，利用下班，周末和空闲时间去维护维护。

再来点感受:

要说这个小程序给我带来了什么，感觉就是技术上的提升了。

首先是前端，不能说现在是专业前端，但也比业余强点(好歹也用H5和Vue搭建过后台)。

对于Java，为满足前端的效果，Java也是学到不少，比如设计模式的使用，服务应用的拆分，Java8的新特性，SpringBoot，SpringCloud和一些源码。

还有一些其他的技术，部署MQ，MySQL主从，Redis搭建，CanCl框架，使用Docker容器，K8S，搭建Maven私服，链路追踪，权限控制等等。

结束

说了这么多，感觉有兴趣就来看看我做的小程序吧(每天学Java)。如果你也有自己的个人小程序可以加我微信：17839727156，拉你进小程序互点群，或者你想做小程序也可以加我微信咨询