Abert,携程高级研发经理,关注跨端解决方案。 一、背景 我们在开发 H5 营销活动后,通常会将营销活动的入口投放到多端,包括 App、小程序。 为了优化此流程,我们引入了一种全新的方案——跨端共享 Web 组件。这一方案秉承“一套 Web 代码,多端共享”的理念,旨在缩短上线周期、降低人力成本、并快速响应迭代。 采用跨端共享 Web 组件,我们能够高效地实现多端共享,同时也能够更加丰富地展示 Web 组件,从而为我们的业务带来更多的价值。 可以从 Web 组件寄宿于不同环境这个角度进行思考,在这个场景下,Native 端、RN 端、小程序端都是宿主环境。 五、总结与展望 其实,从各端对 Web 组件的支持就可以看出,跨端共享 Web 组件一方面是整合了各端现有的能力,另一方面是发挥自己的优势如丰富的动画吸引用户。
一文看明白科技大厂、手机厂商、企服领域都在发力,手机智能体成AI Agent新趋势AI Agent迎来移动端大爆发,手机智能体将成企业AIGC新标配AI Agent移动应用大升级,手机智能体开启跨端跨应用业务连接新场景文 显然,包括GPTs在内的AI Agent将会承载这个使命,而移动端Agent才是变革过往生产效率的真正开始。手机智能体:跨端跨应用场景开启前文我们不只一次提到了手机上的AI智能体。 在王吉伟频道看来,我们日常工作中的大部分业务流程会分散到多端设备上,构建一个能够跨终端的Agent去处理跨端、跨软件、跨部门的业务流程是非常必要的,也是所有企业及办公人员的刚需。 这个逻辑,是用手机去控制PC端智能体去执行相关的业务操作,这种跨系统、跨终端的连接型操作是基于手机Agent平台构建的Agent所无法实现的。 短短几个月时间,AI Agent就已经涌向移动终端,手机智能体实现了跨端跨应用、场景联动。国产厂商对于AI Agent的应用探索,一直处于潮流前端,真的是难能可贵。
AI Agent涌向移动终端,手机智能体势不可挡 还没搞清楚什么是AI Agent,手机Agent就已经横空出世 AIGC为何涌向移动端?背后有哪些逻辑?什么是手机智能体? 一文看明白 科技大厂、手机厂商、企服领域都在发力,手机智能体成AI Agent新趋势 AI Agent迎来移动端大爆发,手机智能体将成企业AIGC新标配 AI Agent移动应用大升级,手机智能体开启跨端跨应用业务连接新场景 这些报道没有具体说明这款Agent所接管的设备是PC还是手机,不过ChatGPT有移动端,能够在手机或者平板上调用这个Agent是迟早的事。 想要在移动端构建AI Agent的大语言模型(LLM,Large Language Models)厂商,远不止OpenAI这一家。
1:Electron Electron这个玩意简直是做团队内部工具的利器,也是前端老手秒上手的东西,可以给团队做些玩意了,桌面端追求开发速度用Electron 使用 JavaScript, HTML 3:Flutter -跨端解决方案 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面,前端对于 Flutter 的热忱度之高一度让人有点惊讶,事实上在 Flutter 社区内见到的客户端开发者远多于前端开发,不过前端对于跨端解决方案确实有着天然的渴求。 使用WEB开发技术(HTML5、CSS3、JavaScript)进行跨平台开发。 ), 也就是说开发一套代码可以实现相应端的开发,是基于Vue的一个很不错的开发框架,对于熟悉Vue 和微信小程序的开发小伙伴来说学习成本几乎为零。
我们都知道的是现在很多平台都采用跨平台开发,相对于原生开发,跨平台开发有开发成本低,开发周期短,开发难度小等诸多优点。那么跨平台开发究竟是什么呢? 跨端方案或多或少都能过起到研发降本增效的作用,方案各自有其优劣势。目前市面上主流跨端开发方案有以下 4 种:1、以 Web 为基础的 H5 Hybrid 方案这类方案简单来说就是用网页来跨端。 现在绝大多数端上(甚至包括封闭的小程序生态)都支持 Webview,所以只要开发网页然后投放到多个端即可,在桌面端对应的方案就是 Electron。 目前最主要的问题是 Flutter for Web 从技术原理上来说离生产可用可能还非常遥远,动态化能力的确实也会让部分场景不适用。 FinClip 是小程序容器技术,上述说的跨端技术优势都具备,包括:应用体验由于 H5,应用框架支持多种主流框架生成的小程序,多终端设备(宿主)环境友好且兼容。
---- 本篇到此完结,更多 Flutter 跨平台移动端开发 原创内容持续更新中~ 期待您 关注 / 点赞 / 收藏 向着 大前端工程师 晋级! ----
概述 曾经大家以为在手机上可以像桌面那样通过 Web 技术来实现跨平台开发,却因为性能或其他问题而放弃,不得不针对不同平台开发多个版本。这也违背了跨平台开发的初衷。 而React Native让跨平台移动端开发在次回到人们的视野中,其成功的原因除了他“一次编写处处运行”,还因为它相比h5等前端技术,有了更接近原生的体验。 当然我们可以使用OpenGL来绘制界面,因为EGL+OpenGL本身就是跨平台的。并且目前大多数跨平台游戏底层都是这么做的。 既然可以基于 OpenGL 来开发跨平台游戏,是否能用它来实现界面? 的实现本身就对性能有损失,除了各种无关函数的调用,它还会锁定一个 Go 的系统线程,这会影响其它 gorountine 的运行,如果同时运行太多外部调用,甚至会导致所有 gorountine 等待 所以使用Go开发跨平台移动端应用目前不靠谱 不过前面提到 C# 和 Java 在 iOS 端的方案都是通过 AOT 的方式实现的,目前还没见到有 Java 虚拟机的方案,我想主要原因是 iOS 的限制,普通 app 不能调用 mmap、mprotect
react native 跨端包括逻辑跨端和渲染跨端,rn 的逻辑跨端是基于 js 引擎,通过 bridge 注入一些设备能力的 api,而渲染跨端则是使用安卓、ios 实现 react 的 virtual 逻辑的跨端也不是基于 js 引擎,而是自研的 dart vm 来跨端,通过 dart 语言来写逻辑, ? kraken 跨端包括两部分,渲染跨端和逻辑跨端。 有时候只需要渲染跨端、有时候只需要逻辑跨端,有的时候需要完整的跨端引擎,这 3 种情况都有各自的适用场景。 具体一些的话,跨端分为渲染和逻辑跨端,有的时候只需要单独的渲染跨端方案(比如 karen)和逻辑跨端方案,有的时候需要完整的跨端引擎。 其实思路比较常见,但是是一个新场景。 ? 浏览器容器之上又跑了个容器,容器套娃。 总结 我们聊了跨平台和跨端的区别,跨平台是指跨操作系统,而跨端则是指跨客户端。
CRAFTS场景文本检测器由文本检测和识别模块组成。许多研究已经将这些模块统一为一个端到端可训练的模型,以获得更好的性能。 CRAFTS的方法在一般任务和弱上下文化端到端任务中都优于以前的方法,并在其他任务中显示出类似的结果。通用性能是有意义的,因为在实际场景中没有提供词汇集。 DetEval评估探测器的性能,修改的IC15评估方案测量端到端性能。CRAFTS的方法大大优于以前报道的方法。 结论:CRAFTS中提出了一个端到端可训练的单pipeline模型,它紧密地耦合了检测和识别模块,共享阶段的字符区域注意充分利用字符区域映射,帮助识别器纠正和更好地关注文本区域。 自然场景文本检测与识别的深度学习方法.
今天就来给大家介绍一款,使用Vue的跨端框架——uni-app 1 uni-app 框架简介 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,可编译到 iOS、Android、H5、 uni-app 在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势: 开发者/案例数量更多 跨端抹平度/扩展灵活性(通过条件编译,调用专有能力而不影响其他平台 3 如何解决跨端兼容问题 每个平台有自己的一些特性,因此会存在一些无法跨平台的情况。 uni-app 提供了条件编译手段,在一个工程里优雅的完成了平台个性化实现。 ? 5 官方 ui 库,uni-ui uni-ui是DCloud提供的一个跨端ui库,它是基于vue组件的、flex 布局的、无 dom 的跨全端 ui 库。 比如 H5 端的浏览器有跨域限制; 比如微信小程序会强制要求 https 链接,并且所有要联网的服务器域名都要配到微信的白名单中; 比如 App 端,iOS 对隐私控制和虚拟支付控制非常严格; 比如 App
跨端开发技术应运而生,让开发者能够"一次编写,多端运行",大大提高了开发效率。 本文将深入探讨 uni-app 和 Taro 两个主流跨端开发框架的多端适配实践,为前端开发者提供实用的指导和建议。 跨端开发概述 2.1 什么是跨端开发 跨端开发是指使用一套代码,通过不同的编译工具和运行时环境,在多个平台上运行的开发方式。 Taro 跨端开发实践 4.1 框架特点 Taro 是京东推出的跨端开发框架,具有以下特点: React/Vue 语法:支持 React 和 Vue 两种开发方式 TypeScript 支持:原生支持 uni-app 适用场景: 团队熟悉 Vue.js 技术栈 需要快速开发多端应用 对性能要求较高的应用 需要发布到快应用平台 Taro 适用场景: 团队熟悉 React 技术栈 需要 TypeScript 本文介绍了 uni-app 和 Taro 两个主流跨端开发框架的实践经验,希望能为前端开发者在跨端开发的道路上提供有价值的参考。
前端当下需要处理的场景实在是太多,android、ios、pc、智能手表、车载、智能电视等,当某几个场景非常相似的时候,我们希望能够用最少的开发成本来达到最好的效果,而不是每个端都需要一套单独的人力来进行维护 一、主流跨端实现方案1、以 Web 为基础的 H5 Hybrid 方案其实,浏览器本就是一个跨端实现方案,因为你只需要输入网址,就能在任何端的浏览器上打开你的网页。 二、有哪些常见跨端场景跨 PC 端。 例如跨 Windows Linux Macos跨多 Native 平台:例如跨 Android 和 iOS跨投放 APP:随着超级 APP 越来越多,很多业务需要在多个 APP 中投放同一个业务场景。 三、跨端技术方案选型跨端技术方案,所关注无外乎如下这4个方面:研发效率、动态性、多端一致性、性能体验。
、一套代码,通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。 WeexWeex 是阿里巴巴开源的一套构建高性能,可扩展的原生应用跨平台开发方案。 前端对于 Flutter 的热忱度之高一度让人有点惊讶,事实上在 Flutter 社区内见到的客户端开发者远多于前端开发,不过前端对于跨端解决方案确实有着天然的渴求。 优点:1、跨平台;2、性能强大,流畅,混合开发中,最接近原生开发的框架;3、Dart语言简单易学;4、极大降低了开发成本。 与Taro、Flutter、Reactive-Native等跨端语言不同的是,FinClip严格意义上讲是一项容器技术。与上述的跨端技术不仅不冲突,还可以完美融合。
今天记录一下使用CodeBuddy辅助Flutter跨端开发。我们都知道,在 Flutter 跨端开发中,实现一个兼容多平台的组件往往需要处理不同操作系统的特性差异。 项目需求是为 Flutter 应用的首页开发一个核心轮播图组件,需满足以下条件: 跨端兼容:适配 iOS(iPhone 12 及以上)和 Android(Android 11 及以上)设备 功能完整:支持自动轮播 (间隔 3 秒)、手势滑动切换 性能优化:图片加载使用 cached_network_image 实现缓存 时间限制:3小时内完成开发、测试与优化 二、工具与场景配置 AI 工具:CodeBuddy 开发环境
背景 1.1 移动端技术演进 跨端技术的本质是实现代码复用,减少开发者在多平台上的适配工作量,移动互联网发展至今,跨端技术经历了许多阶段,大体上可以分成如下四类: 最早是通过 H5 来实现跨浏览器的页面渲染 对于该使用哪种跨端技术作为产品的接入方案,在选型上我们应该考量到以下几点: 从产品角度,需要考虑迭代情况以及使用场景,比方说像直播这种类型就更适合用 Native 而不是任何一种跨端技术实现; 从接入成本 K 歌跨端体系建设 2.1 体系建设 跨端技术的实践往往需要一系列的配套建设,以及针对性的性能优化,下面是 K 歌在跨端上的体系建设,主要分为四个部分: ? K 歌跨端实践优化 3.1 能力扩展 首先是能力扩展部分,原框架提供的能力往往不能满足和覆盖我们复杂的业务场景,为此我们根据业务需要和优先级梳理了一套符合 W3C 规范的 WebApi,依靠框架提供的插件能力扩展了所需要的功能 最后 本篇文章首先是对跨端技术的演进过程进行了介绍,从整个变迁过程中我们会发现,跨端技术的演进实际上是以 H5 代表的效率、动态性逐步迁往 Native 代表的性能体验的过程,并在整个过程中不断寻找两者间的平衡点
移动端高速发展的这些年,伴随着企业对研发效率、动态能力的诉求不断增加,跨平台技术也如雨后春笋层出不穷。那么,在这篇文章中将向大家分享移动端跨平台技术演进之路。首先我们看为什么需要跨平台技术? 这就导致当需要开发支持多端的应用,每一端都需要独立研发、测试,一直到上线,以及后续的维护工作,工作量成倍增涨,势必延长研发周期,拖慢产品迭代的节奏。 为了解决多端需要独立开发的问题,跨平台技术便应运而生,国内外互联网公司为此都投入大量人力,于是出现了各种跨平台技术框架。 跨平台框架发展总览 ? React指的是React.js一个前端开发框架,通过JS+CSS开发;后面加个Native主要有两层含义: 这些”JS+CSS”最终会被解释称原生控件; 有着Native的性能体验; RN的出现这标志值移动端跨平台开发进入 Weex可是说是国内的RN,它和RN最大的不同是它天生支持bundle拆分,一个页面一个JS bundle更加适合国内企业的使用场景; 另外,Weex支持Vue.js和Rax框架开发,Rax是阿里的一套基于
跨端开发已经是客户端工程师绕不开的话题。一套代码跑多个平台,听起来很美,但真正动手的时候,往往卡在"选哪个框架"这道坎上。 本文从"容易上手"这个角度出发,对当前主流跨端框架做一个横向梳理,帮你找到最适合自己团队的那条路。 框架一览 Kuikly(腾讯)—— 对客户端开发者最友好如果你的团队有 Android 开发背景,Kuikly 可能是目前上手成本最低的跨端方案之一。 Kuikly 是腾讯基于 Kotlin Multiplatform 打造的跨平台 UI 框架,支持 Android、iOS、鸿蒙、Web、小程序、macOS 六端覆盖。 一句话评价: 迁移成本最低,适合作为过渡期方案横向对比框架推荐语言上手难度跨端能力性能动态化KuiklyKotlin⭐ 低(客户端背景)Android/iOS/鸿蒙/Web/小程序/macOS✅ 原生级
来自团队 匡凌熙 同学的分享 零、何为跨端 write once, run everywhere 一次编写,四处运行就是跨端的真谛。 因为前端当下需要处理的场景实在是太多了:android、ios、pc、小程序,甚至智能手表、车载电视等,当某几个场景非常相似的时候,我们希望能够用最少的开发成本来达到最好的效果,而不是每个端都需要一套单独的人力来进行维护 ,所以跨端技术就诞生了。 三、从rn看本质 那么既然我们知道了rn是如何实现的跨端,那么我们就可以来探究一下它本质上是在干什么。首先,跨端可以分为「逻辑跨端」和「渲染跨端」。 关于小程序跨端,核心并不是真正意义上的跨端,虽然小程序也做到了跨端,例如一份代码其实是可以跑在android和Ios上的,但是实际上这和hybrid跨端十分相似。
本文原文由“恋猫月亮”原创发布,原题为《移动端跨平台开发的深度解析》,本次重新整理后,为了优化阅读体验,内容略有改动,感谢原作者的无私分享。 目前移动端跨平台开发中,备受关注的方案大致归纳为以下几种情况: 1)react native、weex均使用JavaScript作为编程语言,目前JavaScript在跨平台开发中,可谓占据半壁江山,大有 而跨线程通信,也意味着 Js Thread 和原生之间交互与通讯是异步的。 可以看出,react native 跨平台的关键在于C++层,开发人员大部分时候,只专注于JS 端的代码实现。 Weex可以做到跨三端的原理在于:在开发过程中,代码模式、编译过程、模板组件、数据绑定、生命周期等上层语法是一致的。 《字符编码那点事:快速理解ASCII、Unicode、GBK和UTF-8》 《全面掌握移动端主流图片格式的特点、性能、调优等》 《最火移动端跨平台方案盘点:React Native、weex、Flutter
适用范围 大部分情况下均可用React Native一套代码跑两个平台,比如信息展示和交互等等。 如果涉及到手机设备如摄像头、定位、地图等,则要么封装原生代码给React Native调用,要么直接跳转到用原生代码开发的页面。 搭建开发环境 硬件条件:推荐使用Mac电脑开发,可以同时开发iOS和Android两个平台 必装工具 安装指南 Homebrew (Mac下的包管理工具) 安装方法: /usr/bin/ruby -e "$(curl -fsSL https://raw.githubuserconte