13日下午,2018百度·智能小程序学院首届线下公开课在北京举行。百度的官方数据显示,自今年7月举行的百度AI开发者大会以来,百度智能小程序的月使用量已超过1. 5亿。值得一提的是,智能小程序已经开源,百度将很快建立一个开源联盟,以促进小程序生态系统的发展和建设。会上,百度高级前端工程师张自盟还详细介绍了智能小程序的开发解决方案。以下是他演讲内容的整理报告。
智能小程序开发过程
首先,存在访问智能小程序的问题,但是有两种情况,一种是从头开始没有小程序开发经验的开发人员,另一种是具有开发微信小程序经验的开发人员。开发人员。
对于尚未开发小型程序的开发人员,百度的解决方案是使用本机或应用程序层框架进行开发。
本土发展
本地开发是指根据百度智能小程序的规范进行的开发。它分为视图层和逻辑层。在视图层上,CSS是标准CSS。像H5一样,有一种标记语言,标记是SWAN。文件,它提供了自己的容器,当然,开发人员还可以自定义一些组件。
在逻辑级别,智能小应用程序定义了一组自己的生命周期,主要是在页面级别。与网络不同,当切换页面时,将调用页面的生命周期(生命除外)。除了循环之外,还存在数据管理和数据驱动方法。通过数据驱动,模板设计的成本将变得非常低。
应用层框架访问
如今,跨平台开发已成为开发人员关注的焦点。当然,百度智能小程序自然不会忽略开发人员的需求。当开发人员希望能够使用一组代码同时在百度智能小程序,微信小程序或Web上运行时,跨平台解决方案将派上用场。
之前,我们在7月报告了智能小程序的多终端操作原理。也就是说开源开发小程序,智能小程序类似于Web。它使用Web技术,并且可以在浏览器上运行。因为智能小程序具有逻辑层和视图层。逻辑层的核心是JS引擎。无论客户端还是浏览器,都有一个JS引擎。不同的渲染技术用于在不同平台上进行渲染。这样可以确保您编写的代码在不同的时间进行开发。该平台正在运行。
但是,当您实际使用它时,需要使用框架层访问方法来实现它,通过源代码框架层进行开发,并在编译后在各自的平台上运行。在这方面,业界知名的框架包括Taro,WePY,它们各自的团队仍在积极维护和迭代。对此,百度表示,他们愿意拥抱第三方合作的发展,以建立一个小型的程序框架。
以下将重点介绍这三个框架的特征。
WePY
WePY是MVVM框架,其语法与Vue非常相似。这是一个类似于Vue的框架。它像Vue一样开发,但是底层不是Vue。它支持组件的开发,包括所有循环,嵌套以及Vue值传递,组件通信,自定义事件,第三方组件的组件。
默认情况下,WePY支持标准,包括性能优化(脏物检测),事件参数传输,编译器(,Ts,Less,Sass),同时它还支持NPM资源并可以处理NPM资源依赖性。
它与WePY非常相似。它使用Vue.js支持小型程序,并实现小型程序和H5组件的重用。它可以使用Vue的数据管理,包括Web支持。
芋头
当然,对于Vue来说,它是必不可少的。芋头应该更出名。芋头遵循语法规范。由于受众广泛,因此可以减少小程序开发的学习成本。
Taro使用JSX作为模板,对它进行了一些JSX处理。与字符串模板相比,它更加自由,自然和富于表现力。它不依赖于字符串模板的语法糖,还可以完成复杂的处理。
Taro还具有跨终端解决方案,这可以为Taro的后续多终端开发带来极大的便利。
在下图中,左侧是基于Taro的JD 智能小程序的,右侧是基于该小程序的官方小程序的示例。您可以打开百度APP并扫描代码以进行体验。
最后,这是对本机开发和应用程序层框架开发的总结和比较。它们的优缺点之间没有区别,只是它们是否合适。开发人员可以根据实际情况进行选择。
如果您已经开发了微信小程序
我相信许多开发人员已经开发了微信小程序,那么如何一键从微信小程序切换到百度智能小程序?您可以观看下面的视频:
左侧是微信小程序,它在微信开发人员工具中运行。转换后,输入微信小程序的原始代码生成目录,然后开始静态编译,静态转换,并在百度开发者工具目录中打开输出,无需移动任何代码,迁移后效果是完全相同,但是您需要自己处理一些登录和付款功能。
换句话说,如果开发人员已经拥有微信小程序,那么他可以使用本机开发,而仅使用迁移工具。百度的迁移工具具有四个主要功能:
##开发工具链
选择解决方案后,我们需要开发一个小程序。开发过程中使用开发工具链。这是小程序开发中必不可少的过程。在这方面,百度智能小程序提供了开发编辑器工具,其中包括编辑器,模拟器,调试器,引擎调试,编译预览等。
由于小程序已在手机上使用,因此在手机上的开发和调试经验并不理想。为了方便您的开发,智能小程序支持PC端的开发,因此PC上有一个仿真器,模拟效果和手机端几乎没有任何操作结果上的差异,而百度的智能小程序则支持多平台切换,可以切换到,,还可以模拟3G和不同的网络环境(例如无网络)。
百度智能小程序的编辑器根据小程序的代码进行了深度定制。它主要用于代码提示。如果您在使用此编辑器的开发过程中使用某些API,它将自动为您完成,并且还可以支持突出显示多种文件格式,例如css,js,swan等。
开发后调试是必不可少的。作为Web开发人员最常用的功能,自然会有不少智能小程序,主要包括:
还有远程调试。在PC上进行开发后,请先使用远程调试,因为它在真实计算机上运行。 PC上有一个调试面板。在真实计算机上运行的效果与真实计算机相同。开发人员工具中的模拟开发没有问题后,请转到远程调试进行调试。调试后,再次使用预览并再次观看。您可以上传,没有任何问题。
百度智能小程序还具有编译工具,支持CMD模式编译,AMD模式编译,自定义编译条件,热编译和增量编译等。