步骤
其实都是在陌陌公众平台的体系下,但小程序本身与订阅号及服务号是完全独立的,须要重新注册。目前界面较为简约,没有太多的营运相关的功能,这种功能应当会在之后小程序大规模使用以后渐渐被构建。
假如要绑定开发者的话,还须要开发者自己通过扫码来通过验证。
小程序平台目前的重头戏都在它的桌面端开发工具上(到时候会说到),web平台目前只是做一些开发者绑定和应用信息处理的事情,web里面最重要的部份个人觉得还是其文档说明。点击进去以后能看见从设计到开发到营运的整体说明,看完以后,一个成熟的开发团队应当可以很快就完成顾客端业务的迁移。从这套文档的成熟度可以看出陌陌团队对这个千呼万唤始下来的小程序的注重。
在设计的说明部份,不但早已有了guideline也早已有了demo的页面让你去使用,从程序效率提升的关键点到视觉规范都一一做了说明,可以说一开始就达到了苹果开发者手册的标准。在开发的说明部份,早已给出了能开发出一个完全可用的电商应用的几乎所有插口,这一点让我们倍感很吃惊。
在下载了桌面端陌陌web开发者工具并结合这份文档学习、跑完demo以后,能觉得到小程序本身的强烈特殊性:
纠正你们的误解,小程序不是HTML5应用。由于它是一个封闭的程序运行环境。
其实是用标准的JS语言来编撰,并且在这个环境里是难以打开任何外部的页面的。它不能否跳转或则说只能在内部的相对路径进行跳转,同时你也不能使用各类调用本地资源诸如DOM树、File等资源的外部JS泛型,比如jQuery等。基本上就是用JavaScript语言重新定义了一个开发框架,拿来开发富顾客端。
在小程序推出以后,有人说接受了简单的后端培训的中级程序员将供不应求,个人觉得这些说法是不靠谱的。小程序虽小,而且每一个都是一个完备的应用,须要开发者有应用开发的整体意识。另外,坦白来说,JavaScript并不是一个挺好的开发严谨应用的语言,用JavaScript来建立富顾客端须要开发者对代码有更深的理解。
在了解完以后,就要上手开始开发了。开发工具也是通过扫码登陆的,在登陆以后,在新建项目部份,通过选择本地的开发目录并“添加项目”,工具会在该文件夹手动生产基础的框架代码。目前没有做项目类别的分辨,例如游戏、工具之类的,只是一个基础的main的入口。
假如是小项目的话,个人认为在这个开发工具本身进行编辑就早已ok了。
整个IDE的觉得十分清新qq小程序开发者,无论对JS还是CSS的各类提示和补全都十分灵敏和详尽。代码从结构上来看也是很清晰的,配置文件和CSS文件都重新进行了wx作为开头的命名。我们花了一个下午的时间,基本中将玩物志(陌陌公众号:coolbuy)的网页端移植了过来。在这儿要注意的是,在资源文件方面,本地调试是可以使用本地的文件、图片资源的,而且假如要手机预览调试的话,就必须调用网路资源,所以要注意相对路径的移植。
心得
对于电商应拿来说,最关键的是支付,玩物志一开始就具有陌陌支付的权限,此次小程序第一时间就开放了陌陌支付的API,这也是我们第一时间就要移植电商服务的诱因。可以想见陌陌对生活、服务类小程序的期盼。
不仅在小程序的插口支持上,小程序的模板消息也充分考虑到了电商服务的需求。可以设置不同的款式和标题。这相对之前破旧并且被滥用的模板消息是一个很大的进化。这也喻示了小程序相对订阅号、服务号将会有愈发好的用户交互能力,陌陌将成为一个更好的消息应用平台。
历时
整个开发移植过程,我们的5个人的开发小组使用了一个下午的时间(注册平台帐号,阅读、学习文档的部份不算)。对于成熟的开发团队来说,整体开发体验还是较为良好的qq小程序开发者,目前在使用react框架的团队应当会倍感小程序的框架很亲切。其实,假如你的代码DOM操作好多的话,那改上去都会很苦闷了,那只能建议要构建了。
因为我们之前使用的JS框架与小程序的框架有很大相像性,所以这方面并没有花太大的时间改动。主要是整体过滤一遍,进行了陌陌特有插口的替换。这儿要赞扬一下陌陌开发者工具的编译效率,能让我们在找到区别并更改以后能快速验证。期间有模糊的地方,也得谢谢陌陌开发团队同学们的即时反馈和大力支持。
成果