蓝宇程序

您身边的百度小程序专家!

当前位置:首页 / 小程序开发 / 张自萌:百度智能小程序的开发流程总览

张自萌:百度智能小程序的开发流程总览

栏目:小程序开发, 百度小程序公开课   日期:2019-01-27   浏览量:763
摘要:

当我想要开发一个百度小程序的时候,就会面临一个技术选型的问题,第一种是我现在没有任何小程序,第二种情况是我有微信小程序。百度给了两个解决方案:一个是使用延伸的开发方式,第二种是在使用应用层框架的开发。

各位下午好,我是来自百度的工程师,我叫张自萌,目前主要负责小程序相关的研发工作,今天很高兴也很荣幸给大家带来百度智能小程序开发解决方案的讲解。

百度小程序的开发流程总览

视频:智能小程序开发解决方案

关于小程序开发的解决方案今天讲三部分:第一部分是小程序的开发流程总览,第二部分是我们今天重点要讲的技术分级的解决方案。第三部分会带来我们的开发工具链。

百度小程序开发生态解决方案

一、智能小程序的开发流程总览

我们先看小程序的开发流程总览,我们先从研发的视角来看一下小程序开发流程总览,如果你有微信小程序,那么可以通过转换工具一键转换成智能小程序。

智能小程序开发流程总览

你可以使用三方框架,在小程序的架构上面接入我们的三方框架,开发者在进行开发调试之后,在我们的开发工具上面没有问题之后,在手机上去预览,预览了之后就可以发布到后台,后台之后就可以被百度调取下载,我们这是Web,可以直接从外部浏览,就是H5的浏览,左边是开发和运行,今天重点讲的是左边的部分。本文由蓝宇程序根据百度智能小程序公开课上张自萌分享整理而来,蓝宇程序,您身边的百度小程序专家!

二、小程序开发技术分级的接入方案

我们今天主要是讲接入,接入会面临两个问题,一是当我要接入百度小程序的时候,作为一个开发者,会不会面临一个技术选型的问题?有两种情况,第一种是我现在没有任何小程序,第二种情况是我有微信小程序。我们分两种情况来给大家介绍一下技术分级的接入方案。

百度小程序技术分级接入方案

如果没有开发过小程序,我就要从零开发,从零开发我们给了两个解决方案:一个是使用延伸的开发方式,第二种是在使用应用层框架的开发。我们来看第一个,延伸开发、顾名思义就是使用百度这一套开发的规范来进行小程序的开发。

三、百度小程序原生开发方式

对前端同学来说就应该觉得非常简单,跟前端一样我们有视图层跟逻辑层,然后视图层的CSS是标准的,CSS就跟外部的H5是一样的,得注意我们有一个标记语言,我们标记语言不再是HTML,我们标记也是SWAN,SWAN文件提供了自己的一个容器,你看到上面的代码上面有button,这是我们自己的一个容器,所以你如果要使用延伸开发的方式,你得参照我们的标签,我们的标签文档都有,你还可以自己自定义开发一些功能,我们包括事件绑定、控制流、属性表达式都有。

百度小程序原生开发

在逻辑层的话,我们定义了一套自己的生命周期,主要是在页面那一层,就是我们怎么转场,展现出来的时候被切换出去的时候都会调用一个周期,这个跟Web的不一样,这是我们自己的一个生命周期,包括事件响应,这是最基本的,包括我们有数据管理,就是数据驱动的方式,通过数据驱动和模板渲染,就是这种很传统的方式来设计的。

四、小程序开发第三方框架

智能小程序应用层框架接入

接下来我们讲应用层,跨平台永远是软件开发中永恒的主题。那么这时候就有跨平台解决方案,就是我又想在百度小程序跑,又想在微信小程序跑,我又想跑在Web上面,你可以使用框架层接入方式,通过源码然后框架层开发,然后编译之后能跑在各自的平台上面,现在出名的三个框架分别是Taro、Mpvue、WePY,这3个社区非常活跃,各自的不相上下,各自的Star已经在15000左右,非常高,他们也在不断不停的迭代,我们也拥抱了三方框架,跟他们一起合作,来共建小程序框架的推广。

微信扫一扫,分享到朋友圈

张自萌:百度智能小程序的开发流程总览
微信扫码关注蓝宇程序
微信扫码关注蓝宇程序
蓝宇数据(广州)有限公司 地址:广东省广州市科学城 电话:400 -080 -7157
Copright © 2020 蓝宇数据 All Rights Reserved. 粤ICP备18144795号 站点地图