最近两周,处于公司业务需求,完成一个微信小程序的开发,主要是前端开发。无微信小程序和前端开发经验,纯属摸着石头过河,边学边干,花三周时间,完成了一个麻雀虽小五脏俱全的样品(具体内容不分享)。就是这么一个从0到1的过程,愿意分享出来,IT码农们共勉。
时间分配
首先看看在开发小程序过程的时间分配,从时间上基本也知道小程序前端开发的大体情况,已经难点在哪里。
内容 | 时间 |
---|---|
小程序基础 | 一周 |
样式适配 | 一周 |
JS代码逻辑编写 | 一周 |
上述几个内容是没有前后顺序的,了解一些基础后,很多东西是现学现卖。只是在复盘的时候,发现它们各自的时间消耗基本一样。
小程序基础
小程序基础我概括为几个方面:
- 基本概念的认知
- 熟悉开发工具
- 熟悉小程序基本框架和运行原理
- 熟悉小程序开发指南
- 熟悉小程序常用组件和API
- 熟悉云开发与服务端
基本概念的认知
小程序、小游戏、公众号、订阅号、服务号,这几本产品概念。我要开发的就是小程序,可认为这是一个运行在微信中的APP,而且是一个Web APP。小游戏是专门用于游戏小程序,比如跳一跳小游戏。公众号,主要是用于服务人民大众(客户)的一种微信账号,这种账号区别于微信号。可以这么说,微信号是面向个人的,而公众号是面向企业的。而公众号又分为订阅号和服务号,订阅号的主动性比较偏向于用户,提供用户订阅功能。服务号则比较偏向于企业(更全一点还有政府、服务机构等),企业要向广大群众提供服务,服务的主动性由在于企业。
微信上常常会收到一些来自各种小程序和公众号的消息,消息出现的位置和产品的关系:
产品消息类型 | 消息位置 |
---|---|
小程序消息 | 服务通知 |
订阅号消息 | 订阅号消息 |
服务号消息 | 微信消息列表独占一行 |
关于消息推送,深入了解还有消息的推送行为和权限申请,消息具体子类别,消息受限情况等等。比如小程序消息,就有一次性订阅消息和长期性订阅消息。
小程序的开发管理,管理员、开发者、体验者等等概念,appId,openid等概念。
熟悉开发工具
下载开发工具,创建一个最小小程序,摸索一下基本的面板和开发功能。熟悉小程序上传和发布,git待托管于自己托管代码的区别。熟悉开发工具各项配置,特别是项目配置。
熟悉开发工具虽然简单,但是也得花时间。最好了解一下开发工具的不足之处,避免日后开发工作中遇到不必要的麻烦。
熟悉小程序基本框架和运行原理
小程