【实战排坑指南】如何优雅的开发小程序

时至今日,小程序发布已有一天,想必大家除了因为微信对整个互联网生态带来的变化,而感到震惊之外,也体验了不少小程序产品。好坏与否都已不能阻挡微信对未来趋势的一个带动。

那么下一步,我相信会有更多的企业,前仆后继的加入小程序的开发大军。小程序虽然不需要像 Apple store 那样的应用市场,但是它作为一个平台,是有自己的规范和审核规则的,所以难免大家会在开发过程中遇到一些坑。

作为产品,我之前已经参与开发过几个小程序,所以今天这篇文章,就是告诉大家,如何优雅的开发并且上线小程序,俗称排坑指南。

如果还没体验过小程序的,可以移步:《目前最实用的七款小程序【内附最全小程序清单】

了解规范

小程序的规范,分为《介绍》《设计》《开发》《运营》几个文档,想必有意了解小程序的人都已经看过了,这里只是着重说几个。

1. 绝对不允许出现和设计规范中风格不同的 UI

微信在规范中明确说明了,操作型的按钮要使用圆角长方形的,如果你使用了圆形或者多边形的按钮,会被以风格不符的理由拒绝。

微信明确规定,底部 Tab 栏只能在一个页面布局,并且不能有功能性的按钮存在,如果你想做成 ins 那种,中间是个按钮的,是不可以的。

2. 微信绝对不允许出现复杂界面和操作

页面要突出重点,不允许出现两种以上意义的按钮。比如你的页面内有“拍照”、“相册”、“发布”按钮的时候,就要好好规划一下页面布局了,如果同时出现,将会被拒。

3. 微信绝对不允许出现外链

想要吃前期小程序红利的,要多想想了,微信不允许页面内出现任何外链以及广告,所以当你设计小程序的时候,切勿预留 banner 位置。

4. 小程序信息规范

只支持企业微信账号申请开发小程序,并且每个公众号只能获得一个 app id,也就是只能开发一个小程序。如果你想开发多个,就需要单独申请多个公众号。

小程序名称不能和已有公众号的名称一样,并且一旦确定就不能修改。所以,起名字前多调研一下比较好。

认证过的企业公众号,才可以获取支付权限。

动手开发

1.scrollview 和刷新的冲突问题

由于微信对于小程序的定位就不是网页,所以开发人员也不要以写 h5 的心态去写小程序。当然如果遇到 srollview 滚动条问题,你也可以直接把它当成小程序自身的 bug 对待。

简单来说,如果你在小程序内使用了 scrollview 来使页面滚动,那么在 ios 设备上将会出现,页面无法下拉刷新的问题,解决的方法就是弃用 scrollview 的控件。

2. 在国外注册的账号,获取个人信息失效问题(小程序已经升级解决)

小程序上个版本中,如果你使用国外注册的微信号登录小程序,获取个人信息会无效,不过好在当前版本已解决。

3. 弹窗只有 loading 和 success 两种。

微信严格控制自己的页面规范,所以小程序页面上的弹出框,不允许自己定制。且只有 loding 和 success,有设计洁癖的可能要扣眼了。

4. 不支持其他代码标签,微信自带标签无法做出复杂特效。

微信自带的代码标签,只能做常规效果。如果想要追求好看的特效,除非你像自选股那样是腾讯自己家的产品,可以随意定制,否则还是别想了。

5. 分享

昨天在体验小程序的过程中,有人发现,部分小程序的页面支持分享给好友,而有些却不支持。这个是小程序自身的问题,新版本已经添加分享的接口。

上线指南

1. 不能发生无响应的情况

上线之前一定要多做测试,完善细节。在页面上点击任何操作,都需要有明确反馈,即便是无反应,也要有提示说明,否则将会被打回。

2. 选择业务类型很重要

小程序在提交的时候,提供了一系列的产品业务类型选择,类似 app 在提交到各大应用市场的时候一样。这里需要注意的是,微信似乎有意杜绝在企业在小程序里面做社交产品,所以,对于选择社交的分类,控制的很严格,需要一堆证书。

另外有很多分类,例如电商、政治民生、金融业务等等,都需要有相关的资质证书才能提交。

3. 拒绝同质化产品

这个要求,是微信为了防止出现过多同类型的小程序所设立的。比如已经有很多做公交车查询的小程序了,所以就不要总盯着这个需求不放了。

以上,就是在实战过程中,可能会遇到的小程序开发问题,如有补充,欢迎各位留言。

作者 HDMonkey