生态服务
百度认为,近两年app推广成本居高不下,H5转化漏斗损失较大,H5下运营方式单一,难以与百度AI、大数据的能力结合。为了发挥自身优势,提升运营质量,智能小程序应运而生。
百度智能小程序原理类似微信小程序,可以在百度平台上运行,也可以在合作浏览器、合作APP等上运行。
流量是如何分配的?
据了解,百度智能小程序在百度信息流中通过“主动分发+个性化推荐”的方式触达用户。这也意味着,信息流会通过对用户兴趣的挖掘和数据分析,将用户最感兴趣、最需要的智能小程序以个性化、场景化的方式推送给用户。不同类型的用户刷新信息流时,都可以看到不同类型的智能小程序被主动推荐。这样的分发不仅更高效,也更精准。
昨日,百度副总裁沈抖宣布,包括搜索、信息流等优势产品在内的千亿流量将向开发者开放,让开发者充分享受超级入口带来的流量红利。
因此,在百度搜索上,无论是在已有H5站点基础上修改的智能小程序,还是全新开发的智能小程序,只要体验足够好、足够优质,都能从搜索中获取流量。不过,相较于H5,百度搜索会优先分发智能小程序。目前,百度App日活跃用户数已突破1.5亿,这一庞大的流量将为开发者带来巨大的红利。7月下旬,百度App新版将开放智能小程序的入口,其他普通浏览器及其合作APP也将陆续开通。
开发人员如何访问它?
开发者如果想让智能小程序接入搜索引擎,需要做什么?
众所周知,“熊掌号”是内容和服务商进入百度内容生态的统一认证账号,搜索也通过熊掌号对接包括智能小程序在内的优质互联网资源。
开发者在智能小程序平台注册后,会自动开通或绑定一个熊掌号账号。提交开发智能小程序后,需要注意的是开发者需要将站长二级域名映射到智能小程序服务器,做完映射后,开发者在自己的域名下就有了一个智能小程序。百度会自动索引智能小程序,开发者也可以通过结构化数据提交的方式在百度上搜索展示。
搜索引擎会自动抓取、理解、收录智能小程序,最终将流量导到智能小程序。如果是百度APP环境,就会加载智能小程序。如果是苹果浏览器或者谷歌浏览器,就会通过快框架加载智能小程序网页版。
如果你已经有H5站点,开发者只需一行代码就可以将其迁移到智能小程序。
开发者只需要在智能小程序页面增加一个标签,标签指向原H5页面即可表达一种托管关系。这里要注意的是,智能小程序页面和H5页面需要一一对应,即内容A对应内容A,内容B对应内容B。两个对应页面的主体内容必须一致。智能小程序和原H5网站必须属于同一个集团域,因为这样的转移和继承只能在同一个集团域下才能进行。
H5与智能小程序同属一个领域,搜索将帮助开发者将H5网站积累的SEO优化和搜索权重自动无缝继承到智能小程序。
另外,智能小程序的访问必须是安全的,必须遵循协议。这是一个基本的要求,可以帮助智能小程序以更安全的方式保护用户隐私不被窃取,并降低智能小程序被劫持和仿冒的风险。
如何开发智能小程序?
在智能小程序的开发技术方面,百度App业务部前端架构师雷志星给我们做了详细的介绍:
从技术角度看,智能小程序和 Web 开发没有本质区别。Web 分为 HTML、JS、CSS 三个部分。为了尽可能和 Web 保持一致,降低开发成本,提高运行效率,智能小程序做了自定义视图。SWAN、JS、CSS 之间没有语法上的区别。此时 JS 的生命周期和事件是不能使用的,但必须使用智能小程序的生命周期和事件。
上面是智能小程序的代码,定义了一个按钮,在Will中,下面绑定了一个事件,然后JS使用自定义事件,有对应关系,在JS中获取数据,在JS中写入数据,智能小程序的CSS和普通的CSS没有任何区别。
智能小程序采用MVVM编程逻辑,整个应用有两层,逻辑层和视图层。逻辑层和视图层是分离的,JS属于逻辑层,逻辑层包括智能小程序的生命周期,响应用户事件,管理请求的数据,以及各种页面。视图的核心是定义一个容器,使用EFR等语句来控制显示,里面所有的数据都是从逻辑层获取的。
智能小程序技术架构
智能小程序的技术架构分为开发和运营两部分,开发包括管理平台开发者工具,主要用于调试和检查效果;另一个功能是迁移工具,可以快速将其他小程序生态迁移到智能小程序生态中。
运行包括运行环境和赋能,运行环境的核心是浏览框架,保证智能小程序的流畅运行,运行环境还包括其他基础能力,比如存储网络等智能小程序必备的基础能力。
上层赋能分为两大部分,靠前是组件,第二是能力。
组件方面,百度智能小程序提供了图标、表单、图片查看、进度条等组件以减少开发工作量,以及可通过客户端技术实现流畅运行的组件,如音视频直播、地图画布等。
能力方面,智能小程序提供了地理位置、蓝牙网络等基础API能力,也通过百度AI、百度大数据等向百度平台提供能力,比如百度统计。百度统计目前有PC版和手机版,未来还会有小程序版。在智能小程序开发者的后台,可以看到用户的来源、粘性、传播效果等,这些都是百度平台在云端赋予小程序的能力。
智能小程序的开发流程和Web开发完全一样,运行部分分为两层,下层是运行环境,是保证小程序顺利运行的基础。在Web上实现对应的版本,在浏览器上实现一套相当于Web的框架。在Web上,智能小程序负责客户端的AI应用,而上层实现相当于API能力和云端能力。
如何实现一次开发,多端运营?
上面提到了智能小程序跟 Web 类似,采用的是 Web 技术,可以运行在浏览器上。由于智能小程序有逻辑层和视图层,逻辑层的核心就是 JS 引擎,客户端和浏览器都有 JS 引擎,可以运行在不同平台甚至不同设备上。上面的设计层在客户端可以一部分使用 Web,一部分使用客户端技术进行渲染,在其他平台上可以采用其他渲染技术,中间还可以使用其他环节,这样就保证了你写的代码开发一次之后,就可以运行在不同平台上。
在实际运行之前,智能小程序的源代码、SWAN、JS、CSS都会被编译成运行代码,一个是JS,一个是CSS。再往下一层是逻辑环境,包括业务框架和业务代码。这里没有视图逻辑。数据会发送到视图环境,视图环境包括智能小程序的基础框架、第三方组件和CSS。
也就是说,通过逻辑环境和视图环境的分离,我们可以在不同的平台上使用不同的技术,让视图环境运行的更流畅,提供更好的体验。JS引擎是跨平台的,在开发过程中,开发者使用百度提供的智能小程序开发者工具,在本地调试,查看效果。开发完成后,通过开发者工具的上传按钮,将智能小程序上传到管理平台,在管理平台中,针对不同的用户环境,将不同的代码包发送到对应的平台。APP中下载的是完整的运行包,包含了逻辑环境和视图环境中的所有内容。
比如在百度APP中,拿到这个包之后,就可以直接运行小程序,后续的操作不需要下载,只需要下载数据。在Web中也会生成一个包,部署在服务器上,当浏览器打开链接的时候,页面会以H5的方式渲染,在H5上可以实现更好的浏览和体验效果。有些东西在浏览器是无法实现的,比如AR技术,百度建议开发者可以下载APP,这样可以获得更完整的体验。
关于开源
昨天的主题演讲上,百度表示智能小程序将在12月全面开源,但实际上,智能小程序已经部分开源。你可以在 中找到小程序前端核心框架SAN。这是小程序客户端运行环境最核心的部分,是一个MVVM框架,具有体积小、性能高、兼容性好等特点,不仅适用于小程序单页应用,也适用于传统的Web应用。
地址:
最后,百度表示,通过开放开源建立智能小程序的技术生态,希望越来越多的APP能够集成智能小程序的运行环境,也会在更多的设备和系统中集成智能小程序的运行环境,比如合作伙伴的APP、智能语音操作系统、车载系统等,真正实现一次开发、多次运行。
TAG:百度智能小程序