小程序开发

微信小程序开发教程,这六个坑不要踩


Hackathon,翻译过来是黑客马拉松,又叫编程马拉松,一般公司内的做法是程序员,设计师以及产品(👈这个可以没有)组成小队,在一到两天的环境中,紧密配合,完成一个主题下的产品或者解决方案。


小程序因为微信已经封装了很多组件,提供了很多接口,又限制了所有不提供的,因此开发相对简单和快速,这成为了今年很多互联网公司天然的Hackathon主题。


眼看就是年底了,如果你们公司也想在春节前搞个小程序的Hackathon嗨一下,那么下面这些坑可以提前做些准备:


1,在Hackathon之前多申请几个认证的小程序号,认证的好处是可以真机测试,这对使用摄像头,位置信息等手机接口的小程序调试是非常必要的。否则只能一个小程序号大家轮流上传代码。


一个认证号的成本也就三百块钱,而且这些号未来是真正可以被公司用来发布小程序的。唯一要注意的是:申请下来是不需要确定小程序名字就可以真机调试的。一!定!不!要!让!参赛的小组随便起名字,否则你会收获一堆如下图这样的小程序 



看到没,右侧的修改是灰色的,你就说这个名字的小程序可以用?来?干?嘛?



2,如果你忘了申请多个小程序开发者认证,大家都用一个认证开发者账号,虽然麻烦,也不是不行,但务必之前把域名白名单配置齐全,包括request合法域名,socket合法域名,uploadFile合法域名,downloadFile合法域名,都收集完整,然后一起提交,否则就会:



如果遇到省事的扔给你一个 *.leancloud.cn,不用试了直接扔回去,并告诉这个懒鬼不支持通配符。


3,如果你们公司已经有账户体系了,建议先让账号相关部门搭建一套微信登录的通用组件,下图是滴滴的用户登录

这样可以有效避免大家在整合账号体系上花过多时间,



4,活动热身的时候,一定要告诉大家:


小程序不是公众号的H5

小程序不是公众号的H5

小程序不是公众号的H5


也不知道前段时间出了什么鬼,一堆文章疯传说微信12月推出了小程序的视觉组件:https://weui.io/ 

可是这明明写了是“微信网页设计样式库”,而且明明是人家2016年1月就发布的东西



以上是针对微信内H5开发使用的,跟小程序根本就是两回事。所以需要强调一下,否则真的有可能成果演示时遇到  用chrome移动版演示,却无法跑在微信小程序开发环境运行的情况。。。


5,如果演示的时候用的是投影仪,请务必选择一台分辨率高的投影,800*600的就算了,微信开发环境不支持缩放,即便最大化开发环境窗口,你也看不到tabbar



你要是非让演示时统一调成iPhone4模式,刚在iPhone6下改完视觉稿的设计师找你拼命,别说我没提醒你。


6,除了以上这些,还有哪些坑你遇到过,欢迎留言。


最后,别问这些我是怎么知道的