一个小程序从零到上线记录全过程

瓜牛
2020-02-18 18:04:34
APP开发
APP开发

PS:以前写过简单的 js，所以入门不算太难；有同学说微信小程序的开发过程让开发者很爽。依赖完全原生的体验，小程序的开发效率提高了不少，从开始到上线，确实有这种体验：开发快，加载快，体验好。

0、先是将微信小程序的“简易教程”来回看了好几遍，算是明白了一个小程序的目录结构，json 配置文件，wxml 模板文件，wxss 样式文件和 js 文件的作用，以及交互逻辑，从小程序的启动到生命周期方法，程序和页面，以及组件和 API，这些构成了小程序的全部，不得不说，整体结构涵盖了入门初学者的便宜性和高阶的可扩展性，小程序获得“世界互联网领先科技成果”奖，确实能当此殊荣。

1、首页：单个页面，包括网络请求封装，也就是涵盖程序和页面的部分，如果加上录音和播放器，则使用到了微信开发的 API ； UI 这块，作为 css 的初学者，确实不那么方便写一个漂亮的 css 框架，但你可以很方便的集成 weui 的小程序部分，控件和样式都能很全面的使用，定制修改也不那么复杂；

2、页面跳转带参数有多种方式实现，一种是 navigater，直接把参数放在 url 中；

<navigator hover-class="navigator-hover" url="/page/navigate/navigate?title=navigate">跳转到新页面</navigator>

二种是写 tap 方法，将控件的参数传递到 tap 处理方法中后，再通过 navigate

另一种是设置 app 的全局变量，放整个 app 的全局数据，这样即使有页面跳转，但每个页面都能共享这些数据，而且有部分带=号的参数则不能通过 navigate 传递，只能换全局的方式，这样也说明了在多个页面间可以通过 app 的全局数据共享来实现。

3、组件的 hidden 属性，能很好的控制组件的隐藏和显示；

4、本地持久化数据，调用方法即可，不复杂；

5、openid账户接入，这个稍微费了些功夫，获取openid开一个后台接口就可以，不复杂，但要获取用户昵称、头像信息，则需要通过用户授权，所以在授权和没有授权的用户之间，做了些处理逻辑；

6、最后上线审核，不到一天时间就通过了，比预想的要快。

欢迎体验：

白俊遥博客