《云端一体面向开发者的新基建-崔红保.1(4).pdf》由会员分享,可在线阅读,更多相关《云端一体面向开发者的新基建-崔红保.1(4).pdf(56页珍藏版)》请在三个皮匠报告上搜索。
1、云端体,向开发者的新基建崔红保DCloud个简介跨平台开发兵 uni-app 产品负责 DCloud CTO分享纲关于前端新基建 什么是前端新基建 为什么要做前端新基建 我们的新基建探索 具:利器加速 跨端框架:降本增效 跨云serverless:前端赋能,前后端协同改进 态:产业协作新基建四问什么是前端新基建?为什么要做前端新基建?我们能做哪些新基建?怎么做前端新基建?什么是前端基建?开发准备编码联调调试优化构建部署线上监控切有利于加速应程序交付、助业务增的能建设皆为前端基建团队建设规范制度资源沉淀档服务开发具开发框架前后端协同数据埋点动化测试性能测试打包服务SSR灰度发布错误采集为采集统计
2、报表为什么要做前端基建?降本增效赋能能(要)做哪些前端新基建?问题导向:脱离实际问题发起的基建,是不推荐的 团队导向:团队成员技术能法实现的基建,注定失败 公司导向:与公司未来业务规划不符的基建,没有意义UI组件业务组件项模版模版监控SDK统计报表视频低代码.业案数据协作我们做了哪些基建作?HBuilderX IDEuniCloud 云引擎uni-app 端引擎态基建HBuilderX云端体基建腾讯云 云开发阿云 程序Serverless亚逊 lambdauniCloudweb App微信 程序原 App字节 程序百度 程序阿 程序uni-app前端的跨平台框架云端的跨商引擎HBuiderX跨
3、端框架uni-app:基于vue的跨平台框架uni-app 跨端框架 遵循 Vue.js 语法规范:完整的Vue.js 开发体验,深度定制的 Vue.js runtime,更的运性能 多端发布:套代码,编译到App、程序、H5等多个平台,保证正确运并达到优秀体验uni-app 现状github:star:37.6k commits:10111插件(态):插件个数:8759Tips:数据采集时间为2023-2-4挑战:跨端框架通讯阻塞业界普遍存在,Hybrid App、程序、react native、weex、flutterHybrid App通架构Native层,提供各种原能JS Core/V
4、8JS BridgetwebviewWeb Components视图层框架AppPagePage逻辑层框架逻辑层视图层Native层Native Components通讯阻塞问题简介!#$%&()*+#,-Bridgetouch12render34./)0+1()23456789/+:;=UTSTS+Vue 编译转换为原的Kotlin/Swift,消除JS进程UTS标实现原渲染:解决渲染性能差距基于 Web 技术栈:拥抱web态,向web开发者提供跨平台案解决通讯阻塞:消灭JS进程,避免JS进程和UI渲染之间的通讯阻塞UTS:Uni Type ScriptWeb平台JavaScript(pc/
5、h5)JavaScript(程序)Native平台Kotlin(Android)Swift(iOS)TS+VueUTS:Uni Type ScriptKotlin/Swiftapk/ipaVue native runtimeUTSTS+VuecompilebundleSWC is20 x faster than Babelon a single thread and70 x fasteron four cores.UTS CompilerUTS CompilerTask:处理所有语法差异,如:for、三元表达式等UTS Compilervue-native-runtimevue-kotlin-
6、runtime demoVue-Swift-Runtime计算属性属性观察器跨云serverless:前端赋能改善前后端协同,赋能前端程师,专注业务产品亮点跨云:抹平云商差异 前后端协作:clientDB数据组件、云对象 SSR:基于serverless的ssr键发布 schema2code:智能成云端体代码前后端协作模式变更3.02.0前后端分离AJAXjQuery1.0动态服务端渲染ASPJSP0.0静态 HTML云端体云开发uniClouduniCloud-db:数据组件 const db=uniCloud.database()db.collection(article).where(c