网站推广.NET

网站推广.NET

工作心得:如何开发微信小程序? Playwu

来源:互联网

微信申请号终于在这里!我们是在早上完成的。

经过一整天的紧张发展,Aifaner的电子商务平台Wanwuzhi()率先提交了微信第一个平台小程序。

Wanwuzhi是Aifaner定位为“新生活的领导者”,为我们的用户提供一家微信内容丰富的电子商务公司,这些公司具有现代气质和高质量的“新生活必需品”。因此,在获得这一有价值的开发内部测试资格后,我们决定在微信上开发和迁移Playwuzhi电子商务服务,并以更接近用户的方式实施Aifaner 微信电子商务的实践。

应用程序编号开发与本机应用程序开发或HTML 5应用程序开发之间有什么区别?艾·范纳(Ai Faner,编号微信:ifanr)决定与所有人分享这几个小时的结果。

步骤

尽管它们都在微信公共平台的系统下,但小程序本身完全独立于订阅号和服务号,并且需要重新注册。目前,界面相对简单,与操作相关的功能还不多。将来在大规模使用后,这些功能应逐步完善。[p10]

如果要绑定开发人员,则还需要开发人员通过扫描代码来通过验证。

小程序该平台当前的亮点是它的桌面开发工具(我将在后面讨论)。 Web平台当前仅执行一些开发人员绑定和应用程序信息处理。网络上最重要的是某些人认为它是文档。单击后,您可以查看从设计到开发再到操作的总体描述。阅读之后,成熟的开发团队应该能够快速完成客户业务的迁移。从这套文档的成熟度可以看出,微信团队非常重视一直在呼吁的小程序。

在设计的描述部分,不仅有准则,而且还有供您使用的演示页面。逐步说明了将程序的效率提高到视觉规格的关键点。可以说,它是从一开始就达到的。 Apple开发人员指南的标准。在开发描述部分中,几乎给出了可以开发完全可用的电子商务应用程序的所有界面,这使我们感到非常满意。

下载桌面端微信 Web开发人员工具,学习本文档并运行演示之后,我可以感觉到小程序本身的特殊性:

为纠正您的误解,小程序不是HTML5应用程序。因为它是一个封闭的程序操作环境。

尽管它是用标准的JS语言编写的,但在此环境中无法打开任何外部页面。它不能跳跃或只能在内部相对路径上跳跃。同时,您不能使用各种外部JS库(例如jQuery)来调用本地资源,例如DOM树,文件和其他资源。基本上,它重新定义了JavaScript语言的开发框架以开发富客户端。

小程序推出之后,有人说,对接受简单前端培训的初级程序员的需求将短缺。我个人认为这是不可靠的。 小程序尽管很小,但每个都是完整的应用程序,要求开发人员对应用程序开发有一个整体的了解。另外,坦率地说,JavaScript对于开发严格的应用程序不是一种很好的语言。使用JavaScript构建富客户端需要开发人员对代码有更深入的了解。

了解它之后,就该开始并开始开发了。还可以通过扫描代码来登录开发工具。登录后,在“新项目”部分中,通过选择本地开发目录并“添加项目”,该工具将自动在此文件夹中生成基本框架代码。目前,在游戏,工具等项目类别之间没有区别,而只是基本的主要入口。

如果这是一个小项目,我个人认为可以使用开发工具进行编辑。

整个IDE令人耳目一新,并且在JS或CSS的各种提示和完成中非常敏感和详细。代码的结构也很清楚。配置文件和CSS文件以wx作为重命名。我们花了一个上午,基本上移植了Coolbuy(Coolbuy)的网页。这里应该注意,就资源文件而言,本地文件和图像资源可用于本地调试,但是如果要在手机上进行预览和调试,则必须调用网络资源,因此请注意相对路径的迁移。

经验

对于电子商务应用程序,最重要的是付款。从一开始,Wanwuzhi就拥有微信付款许可。这次小程序尽快打开了微信付款API,这也是我们的。必须立即移植电子商务服务的原因。可以想象微信对生活和服务的期望小程序。

除了小程序的接口支持外,小程序的模板消息还充分考虑了电子商务服务的需求。您可以设置不同的样式和标题。与以前的原始模板消息和滥用模板消息相比,这是一个很大的发展。这也表明小程序将具有比订阅帐户和服务帐户更好的用户交互功能,并且微信将成为更好的消息传递应用程序平台。

耗时

在整个开发和移植过程中,我们的五人开发团队花了一个上午的时间(注册平台帐户,不计算阅读和学习文档的时间)。对于成熟的开发团队而言,总体开发经验还是比较好的。当前使用react框架的团队应该感到小程序的框架非常亲切。当然,如果您的代码中有很多DOM操作,那么更改它会很痛苦,建议您仅对其进行重构。

由于我们之前使用的JS框架与小程序的框架非常相似,因此不需要花费很多时间来更改此方面。它主要是过滤整体,并替换微信的唯一接口。在这里,我要赞扬微信开发人员工具的编译效率,它使我们能够快速验证差异并进行修改。在此期间,存在一些歧义,我要感谢微信开发团队的朋友的即时反馈和大力支持。

成就

以下是我们今天早上整个早上的奋斗结果。客户端(Coolbuy)可以在小程序中运行。当然,这只是第一步。

手机上显示的效果:

由于当前的内部测试,无法在微信客户端的当前版本中查看移动预览或实际部署的应用程序。您应该等待微信的更新版本才能看到我们的结果。

下一个版本微信的发布将在互联网世界中掀起一阵巨潮。尊敬的开发人员和运营商,您准备好了吗?