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

2023-05-02 14:57:51 浏览数 (1)

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、最后上线审核,不到一天时间就通过了,比预想的要快。

0 人点赞