百度发布智能小程序开发方，涂鸦智能插座方案开发

13 日下午2018 百度·智能小程序学院首场线下公开课在北京举行百度官方数据显示SEO关键词百度官方数据显示自今年 7 月份百度 AI 开发者大会以来百度智能小程序月活已经过了 1.5 亿值得一提的是智能小程序已经在 GitHub 上开源百度也即将成立开源联盟促进小程序生态的发展和建设。会上百度资深前端工程师张自萌还详解了智能小程序的开发解决方案以下是对其演讲内容的整理报道。

对于没有开发过小程序的开发者百度给出的解决方案是使用原生或使用应用层框架的方式进行开发。

在逻辑层上智能小程序定义了一套自己的生命周期主要是在页面那一层与 web 不同的是在做页面切换的时候调用了页面的生命周期除了生命周期之外还有数据管理、数据驱动的方式通过数据驱动模板的设计成本会变得非常低。

现如今跨平台开发成为开发者关注的焦点当然百度智能小程序也自然不会忽视开发者的需求。当开发者希望能够以一套代码能够同时运行在百度智能小程序、微信小程序或 Web 端上时跨平台解决方案就派上了用场。

之前我们曾在 7 月份报道过智能小程序 多端运行的原理 网站优化跨平台解决方案就派上了用场。

之前我们曾在 7 月份报道过智能小程序 多端运行的原理 即智能小程序和 Web 是相似的它使用的技术都是 Web 技术可以在浏览器上运行由于智能小程序有逻辑层和视图层逻辑层最核心的一点是 JS 引擎不管客户端还是浏览器都有 JS 引擎在不同的平台使用不同的渲染技术渲染这就保证大家写的代码一次开发在不同平台得到运行。

但在真正使用时你需要使用框架层接入的方式来实现通过源码框架层开发编译之后跑在各自的平台上在这方面业界出名的框架有 Taro、Mpvue、WePY网站优化业界出名的框架有 Taro、Mpvue、WePY它们各自的团队都仍在积极的维护和迭代中在这方面百度表示它们愿意拥抱第三方合作共建小程序框架的开发。

下面重点讲一下三个框架的特点。

WePY 是一个 MVVM 框架它跟 Vue 语法非常类似是一个类 Vue 的框架开发的时候像 Vue但是底层不是 Vue；它支持组件的开发包括 Vue 所有的循环、嵌套、组件 Props 传值、组件通信、自定义事件、第三方组件。

WePY 默认支持的是 ESNext 标准包括 setData 性能优化（脏检测）、事件传参、编译器（Babel、Ts、Less、Sass）、Mixin同时它还支持 NPM 资源能够处理 NPM 资源的依赖。

Mpvue 和 WePY 非常类似它使用 Vue.js runtime 支持了小程序实现小程序和 H5 的组件复用它可以使用 Vue 的数据管理包括 Web 的支持等。

有了 Vue当然不能缺少 React比较出名应该就是 Taro 了Taro 遵循的是 React 语法规范由于 React 受众广它能降低小程序开发的学习成本。

Taro 在上面做了一些 JSX 处理采用 JSX 作为模板相比字符串模板更自由、自然、更具表现力不依赖字符串模板语法糖也能完成复杂处理。

Taro 还有跨端解决方案可以给 Taro 后期多端开发带来很大的便利。

下图中左边是基于 Taro 的京东好物街智能小程序右边是基于 Mpvue 的官方小程序实例大家可以打开百度 APP 扫码体验一下。

最后这是原生开发和使用应用层框架开发的总结和比较它们没有优劣之分只有适不适用开发者可以根据实际情况自行选用。

相信有不少开发者开发过微信小程序了那么我们如何从微信小程序一键转到百度智能小程序上呢？大家可以看看下面的视频：

左边是微信小程序是跑在微信开发者工具里的转换之后先输入微信小程序的原代码生成目录然后开始静态编译静态转换在百度开发者工具里打开产出目录没动一行代码迁移后效果一模一样但是有一些登录支付的能力需要自己处理一下。

也就是说开发者如果已有微信小程序可以采用原生开发使用迁移工具即可。百度的迁移工具有四大特点：

代码搬迁。相同代码会原样搬迁保持代码行数、列数一致方便开发者直接二次开发。

转换 log。做一系列的代码转换最终都会输出 log 给开发者辅助开发者进行二次开发。

视图转换。Wx 指令转换成 s- 指令转换非标准标签语法import 和 include 引用资源的转换。

语法转换。逻辑表达式中的 API 转换一元运算符中 API 转换删除不支持的 API。

标签： 程序开发百度开发者