携程技术

原创 干货 | 提升前端开发效率，携程机票定制代码生成器实践

作者简介Zilin Wang，资深前端开发工程师，擅长前端打杂，专注于Remix、Radix UI、Haskell等领域。Sheila Dai，资深前端开发工程师，关注前端性能优化、前端智能化。在日常的研发工作中，编写前端界面结构占据了一部分工作量。很多UI组件都存在共性，如何减少编写UI界面的开发时间，以及提取公用的前端组件，从而达到提升研发效能的目的，是我们的重要课题。在《前端智能化探索，骨架...

原创 干货 | 携程Taro多端化探索与实践

作者简介Frank，携程前端研发，专注前端性能优化、一码多端、工程化建设等领域。一、业务背景随着移动互联网和智能设备的普及，前端开发人员需要采用多端同构技术来适配不同的终端（小程序、App和Web）。这些终端之间存在着明显的差异，包括浏览器引擎、操作系统、交互方式以及代码语言等方面。这些差异给前端开发人员带来了不少挑战。一方面，不同终端采用不同的浏览器引擎和操作系统，导致页面渲染和交互行为的表现各...

原创 干货 | 携程度假基于 RPC 和 TypeScript 的 BFF 设计与实践

作者简介工业聚，携程高级前端开发专家，react-lite, react-imvc, farrow, remesh 等开源项目作者，专注 GUI 开发、框架设计、工程化建设等领域。一、前言随着多终端的发展，前后端的数据交互的复杂性和多样性都在急剧增加。不同的终端，其屏幕尺寸和页面 UI 设计不一，对接口的数据需求也不尽相同。构建一套接口满足所有场景的传统方式，面对新的复杂性日益捉襟见肘。在这个背景...

转载 开源 | AREX：携程新一代自动化回归测试工具的设计与实现

作者简介haibing，携程研发能效经理和SRE，关注自动化测试，能效提升方向的工具技术。一、背景随着携程机票BU业务规模的不断提高，业务系统日趋复杂，各种问题和挑战也随之而来。对于研发测试团队，面临着各种效能困境，包括业务复杂度高、数据构造工作量大、回归测试全量回归、沟通成本高、测试用例数量多且难以复用、测试数据维护量大以及自动化用例管理等问题。每个都会影响测试团队的效率和质量，给软件研发过程带...

原创 干货 | 故障召回率提升34%，携程智能异常检测实践

作者简介零一，携程算法工程师，专注于智能告警、容量管理、根因定位等领域。一、背景携程作为在线旅游公司，对外提供机票、酒店、火车票、度假等丰富的旅游产品，其系统稳定性关乎用户是否具有顺滑的出行体验。然而，流量激增、代码发布、运维变更等都会给系统稳定性带来挑战。我们在2020年对生产故障的“发现-定位-解决效率”提出了“1-5-10”的目标（即一分钟发现故障，五分钟定位故障，十分钟解决故障），这无疑对...

原创 干货 | 节约60%开发工时，离在线一体化数仓系统在携程旅游的落地实践

作者简介Chengrui，携程后端开发专家，关注实时数据处理、AI基础平台建设以及数据产品等领域。本文主要介绍离在线数据仓库建设在携程旅游团队的落地与实践，将从业务痛点、业务目标、项目架构、项目建设等维度展开。一、业务痛点随着数据实时化需求增多，离线数仓暴露出来的业务痛点也越来越多，例如：实时需求烟囱开发模式中间数据可复用性差离在线数据开发割裂数据生产->服务周期长实时表/任务杂乱、无法管理...

原创 干货 | 携程商旅大前端 React Streaming 的探索之路

作者简介19 组清风，携程资深前端开发工程师，负责商旅前端公共基础平台建设，关注 NodeJs、研究效能领域；ZZR，携程商旅资深前端开发工程师，负责商旅公共平台基础平台建设，致力于高效率、高性能开发。一、引言眨眼之间，距离 React 18.2.0 发布已过了一年多的时间，越来越多的开发者从当初的观望心态，逐步已经将 React18 的新特性投入开发/生产中了，当然，笔者所在的团队也不例外。今天...

原创 干货 | 携程国际机票架构重构实践

作者简介Mega，携程国际机票工程师，关注Java、devops领域。一、前言大多数的技术研发都对重构有所了解，而每个研发又都有自己的理解。从代码重构到架构重构，我参与了携程大型全链路重构项目，积累了一点经验心得，在此抛砖引玉和大家分享。二、重构的定义重构是指在不改变外部行为的情况下，改进其内部结构的软件系统更改过程。三、重构的原因3.1 组织架构调整目前携程大部分业务场景都使用了微服务架构，要求...

原创 干货 | 瘦身50%-70%，携程 Taro 小程序样式 Size 缩减方案

作者简介Can，携程前端开发，目前从事小程序开发工作，对编译打包技术、小程序跨平台解决方案有浓厚兴趣。一、概述目前我们团队小程序是使用 Taro 跨端方案 React 框架进行开发，基于现有样式方案，在编译打包后会产生大量的样式代码冗余，在项目编译后的产物中占有较大比例。分析了编译后的样式代码后，我们发现冗余代码主要体现在两个方面：项目样式文件中大量使用了父子选择器作为作用域进行样式隔离，编译后出...

原创 干货 | 携程火车票短信召回算法优化实践

作者简介Ryan，携程算法专家，专注个性化推荐、智能营销等领域；小白，携程算法工程师，研究智能营销、用户增长等领域。一、背景互联网蓬勃发展的今天是流量为王的时代，但随着流量红利逐渐消失，获客成本的日益增高，用户留存成为各大互联网公司的重点关注问题，其中流失用户的召回在当今的流量红海市场中显得尤为关键，为此，基于大数据和机器学习的智能营销技术应用而生。携程火车票业务每周都会有短信营销活动，旨在通过对...

原创 干货 | 成本低误差小，携程基于 Kafka 的 Serverless 延迟队列的实践

作者简介Pin，关注 RPC、Service Mesh、Serverless 等云原生技术。一、背景随着上云项目的不断推进，大量的应用需要部署到 aws 上，其中有很多应用都依赖延迟队列的功能。而在aws上，我们选择以 Kafka 作为消息队列，但是 Kafka 本身不支持延迟队列，这就需要思考如何基于 Kafka 来实现延迟队列。二、需求统计了一下所有需要使用到延迟队列的场景，有以下几大特点...

原创 干货 | Flutter 地图在携程的最佳实践

作者简介Leo，携程高级移动开发工程师，关注跨端技术，致力于高效、高性能开发。Jarmon，携程高级移动开发工程师，专注 Flutter、iOS 开发。一、背景随着各种多端技术的蓬勃发展，项目主体从纯 Native 项目，到 Native+RN，到现在的 Native+RN+Flutter。基于我们的业务都在 Flutter 技术栈上面，这要求我们需要嵌套展示地图。目前，实现嵌套展示地图的主要方案...

原创 干货 | 提速10倍+，StarRocks 指标平台在携程火车票的实践

作者简介Kane，携程高级数仓经理，专注数仓建设、数据应用和分析；Wn，大数据平台开发专家，专注大数据领域。携程火车票事业群运营着铁友、携程火车票和去哪儿火车票等重要的业务和品牌，目前正在积极地拓展海外市场。火车票的指标平台旨在为业务人员提供便捷的指标查询服务，让业务人员能够快速灵活地获得这些业务和品牌相关的指标数据。一、早期 OLAP 架构与痛点火车票事业群的业务涵盖了火车票、国际火车票、汽车票...

原创 干货 | 携程火车票基于因果推断的业务实践

作者简介Seven，数据分析师，专注用户增长、数据科学等领域。一、背景携程作为旅游平台，跟用户需求息息相关，理解和识别各个策略/系统对转化/收益的因果关系尤为重要，在这个过程中需要将影响因变量的其他因素进行控制，但这些因素通常是复杂且难以测量的。在关系识别困难的情况下，如何使用更为科学的方法，对策略进行微观和宏观的建模分析，如何系统性的评估各种策略的长期影响，是要解决的重要问题。在火车票 BG 我...

原创 干货 | 携程火车票7个优化动画性能的方法

作者简介Kay Huang，携程高级视觉设计师，专注于前端样式与动画领域。一 、背景携程火车票营销页使用 css 制作动画很多年了，这大大提高了动画给予页面丰富的视觉体验。不过，在开发的过程中，也遇到了一些性能相关问题和用户反馈，比如头部动画卡顿、页面打开时间较长、页面打开后部分数据加载时间较长等问题。为解决这些问题，我们借助性能检测工具定位问题，并查阅源码、文档等资源解决问题，形成了这篇文章。二...

原创 干货｜携程Web组件在跨端场景的实践

作者简介Iris，携程前端开发经理，专注于前端组件库和工程化领域。Abert，携程高级研发经理，关注跨端解决方案。一、背景我们在开发 H5 营销活动后，通常会将营销活动的入口投放到多端，包括 App、小程序。常见的投放形式有：Native 原生页面、React Native 页面和小程序页面的内嵌弹窗。那么此时，就需要 Native、RN、小程序端的人力投入。由此，整个流程从仅需 H5 开发演变成...

原创 干货 | 携程10个有效降低客户端超时的方法

作者简介Wen，携程资深后端开发工程师，专注系统性能、稳定性、交易系统等领域。一、背景在现今的信息时代，微服务技术已成为一种重要的解决方案，微服务技术可以使系统的规模和功能变的更加灵活，从而获得更高的可扩展性和可用性。然而，微服务调用中出现的超时问题，却也成为系统可用性的一大隐患。超时会导致客户端的性能下降，甚至可能无法正常工作。本文针对超时问题，提出相关的优化手段，降低微服务调用超时的风险。1....

原创 干货 | 携程基于LSTM的广告库存预估算法

作者简介Paul，携程高级研发经理，关注广告投放技术架构、大数据、人工智能等领域；Xunling，携程资深后端开发工程师，关注广告服务、性能优化，对AI技术有浓厚兴趣。一、背景近年来，随着互联网的发展，在线广告营销成为一种非常重要的商业模式。出于广告流量商业化售卖和日常业务投放精细化运营的目的，需要对广告流量进行更精准的预估，从而更精细的进行广告库存管理。因此，携程广告纵横平台实践了LSTM（Lo...

原创 干货 | 降本增效，携程市场DIY商品卡片系统的设计与实现

作者简介Senna，携程前端开发工程师，关注组件化开发，低代码平台建设。Yuan，携程前端开发工程师，专注前端组件化和低代码平台建设。一、背景携程各个BU各个时期都有不同营销页面，数量众多，其中很重要的一块是产品模块，运营需求的产品卡片样式众多，各个BU展示字段差别巨大，无法利用通用样式，因此如需新增卡片或字段，传统做法是运营提需求给设计，再提需求给开发，经过需求评审，正式开发，发布测试上线等等。...

原创 干货 | 携程机票App KMM iOS工程配置实践

作者简介Derek，携程资深研发经理，关注Native技术、跨平台领域。前言KMM（Kotlin Multiplatform Mobile），2022年10月迎来了KMM的beta版，携程机票也是从KMM开始出道的alpha版本就已在探索。本文主要围绕下面几个方面展开说明:如何在KMM项目中配置iOS的依赖KMM工程的CI/CD环境搭建和配置常见的集成问题的解决方法本文适合于对KMM有一定的了解的...

原创 干货 | 掌控 Android 编译利器，携程火车票AAR 编译速度优化实践

作者简介小明，携程移动开发工程师，专注于移动端框架和基建开发；黄拉欢，携程移动开发经理，专注于移动端框架建设及性能调优。一、背景Android 项目一般使用 Gradle 作为构建打包工具，随着业务需求的不断迭代，代码量提升的同时，Gradle 编译耗时也在不断的增长，而编译速度会直接决定开发流程效率的高低，影响面主要涉及到开发和测试阶段。对于火车票项目，经过长期的迭代过程导致模块众多工程庞大...

原创 干货 | 携程中转交通方案拼接性能优化

作者简介简言，携程后端开发经理，关注技术架构、性能优化、交通规划等领域。一、背景介绍由于交通规划和运力资源的限制，用户查询的两地之间可能没有直达交通，或者在重大节假日时，直达交通都已售罄。不过，通过火车、飞机、汽车、船舶等两程或多程中转的方式，用户仍然可以到达目的地。此外，中转交通有时在价格和耗时方面更具有优势。例如，对于从上海到运城，通过火车中转可能比直达火车更加快捷和便宜。图1 携程火车中转...

原创 干货 | 携程小程序内嵌webview实践指南

作者简介思语，携程高级前端开发工程师，关注互动营销领域；Olivio，携程高级前端开发工程师，关注React Node 组件化；Stone，携程高级研发经理，关注跨端解决方案，云原生落地等领域。一、背景这篇文章将向大家分享团队在小程序 webview 方面的开发心得，以微信小程序为主要环境，介绍在业务开发中处理小程序webview内嵌H5所遇到的问题及解决方案。具体将从小程序平台与H5差异、小程序...

原创 干货 | 降低复杂度提升效率，DDD在携程用车/租车订单系统重构中的实践

作者简介小白龙，携程资深后端开发工程师，关注架构落地、研发效能领域。随着历史业务不断迭代和业务场景越来越复杂，携程用车、租车（简称两车）面临历史技术债和系统复杂度越来越高带来的理解、维护、迭代困难等问题，我们开始寻求如何更有效的降低复杂度和提升效率的方法。本文描述了两车如何利用DDD（Domain-driven Design，领域驱动设计）方法论降低系统复杂度以及在重构历史系统中的取舍和思考。对于...

原创 干货 | 日均报错量降低95%，携程小程序生态之自动化错误预警方案

作者简介携程前端框架团队，为携程集团各业务线在PC、H5、小程序等各阶段提供优秀的Web解决方案。产品涉及各类前端/Node端应用框架、研发工作台、前端中台化、静态资源发布系统等。当前主要专注方向包括：新一代研发模式探索，Rust构建工具链路升级、Serverless应用框架开发、在线文档系统开发、低代码平台搭建、适老化与无障碍探索等。摘要携程小程序自动化错误预警方案是一套完整且通用的小程序前端错...

原创 干货 | 提升内存管理效率，携程酒店查询服务轻量化探索和实践

作者简介NekoMatryoshka，携程酒店资深后端开发工程师，主要工作是缓存类组件的开发维护，并对业务应用的排障和优化有所关注。一、背景和目标 在容器化部署成为主流的现在，降低集群中单个容器的资源需求的意义已经不只限于更少的硬件成本，同时也意味着整个集群更加轻量化，这通常会带来一系列其他优势：例如更短的恢复时间，更精确的资源控制和调度，和更快速的伸缩和部署等。但在另一方面，一味的追求压缩容器配...

原创 干货 | 提升前端工程化，携程 Design2Code 从零到一的实践

作者简介by，携程高级研发经理，专注低代码平台搭建和前端智能化技术。Jialu，携程研发总监，专注大前端技术和工程化的研究与发展。一、 背景在软件开发过程中，团队协作效率的提高是我们共同关注的问题。为了解决这一问题，许多团队都开始使用智能化工具。Design2Code（简称D2C）工具是其中一种广受欢迎的选择。在本文中，我们将分享D2C工具的核心算法方案设计和实现过程，以及一系列的解决方案。无论你...

原创 干货 | 新时代的 SSR 框架破局者：qwik

作者简介19组清风，携程资深前端开发工程师，负责商旅前端公共基础平台建设，关注NodeJs、研发效能领域。引言今天这篇文章中和大家聊一聊号称世界上第一个 O(1) 的 JavaScript SSR 框架：qwik。别担心，如果你不是特别了解 SSR 也没关系，文章大概会从以下几个方面作为切入点：首先会围绕对比 SSR 与 SPA 各自的优劣势，从而展开 SSR 的运行机制以及 SSR 相较于 SP...

原创 携程跨端解决方案的新选择：Taro-CRN

作者简介李羽，携程高级前端研发工程师，专注前端跨平台框架领域的开发与研究。Hyme，携程前端研发经理，专注前端小程序/H5领域的开发与研究。Chao，携程前端研发经理，关注前端跨平台领域与前端研发效率提升。一、项目背景随着小程序用户的增长，APP和小程序在需求迭代上呈齐头并进的趋势。与此同时，前端研发人员面对多套平台代码的维护与开发，研发投入上耗时耗力。目前携程内部急需一种跨平台的开发框架，来节约...

原创 干货 | 携程MySQL迁移OceanBase最佳实践

作者简介提挈，携程资深数据库工程师，专注于数据库自动化运维和分布式数据库的研究。Cong，携程数据库专家，主要负责MySQL和分布式数据库运维及研究。Typhoon，携程高级数据库工程师，负责分布式数据库的运维和工具设计。一、前言MySQL在业界流行多年，很好地支撑了携程的业务发展。但随着技术多元化及业务的不断发展，MySQL也遇到了新的挑战，主要体现在：业务数据模型呈现多元化，OLTP和OLAP...

原创 《携程技术2022年度合辑》，送给爱学习的你

序言2023年，当世界重新与中国相连，我们有信心让与世界暌违三年再次踏上旅途的旅行者拥有完美旅程。这是携程人在新年伊始面对春天做出的承诺以及对更美好世界的渴望。疫情三年，一直在改变着我们交流的方式，令生活被切割成无可拼凑的碎片；我们急切地讨论着远方的故事，却又置身不确定的当下。而如今春暖花开，作为携程技术人正在把握机遇，做到用实力过硬的技术，打造强适应性的产品，用“全球化视野＋本地化运营”升级用...

转载 携程2022代码报告

原创 干货 | 携程酒店实时数仓架构和案例

作者简介秋石，携程数据仓库专家，关注大数据、数据仓库、数据治理等领域；九号，携程数据技术专家，关注数据仓库架构、数据湖、数据治理；魁伟，携程资深数据工程师，关注实时&离线大数据产品及技术。一、实时数仓当前，企业对于数据实时性的需求越来越迫切，因此需要实时数仓来满足这些需求。传统的离线数仓的数据时效性通常为 T+1，并且调度频率以天为单位，无法支持实时场景的数据需求。即使将调度频率设置为每小...

原创 干货 | 携程日志系统治理演进之路

作者简介Dongyu，资深云原生研发工程师，专注于日志与OLAP领域，主要负责携程日志平台和CHPaas平台的研发及其运维管理工作。本文将从以下五部分切入，讲述日志系统的演进之路：携程日志的背景和现状、如何搭建一套日志系统、从 ElasticSearch 到 Clickhouse 存储演进、日志3.0重构及未来计划。一、日志背景及现状图12012年以前，携程的各个部门日志自行收集治理（如图1）。这...

原创 干货 | 携程IT数字办公平台iDesk的运营实践

作者简介Xiaoxing，携程IT资深软件工程师，深耕前后端全栈技术，专注WinForm应用，自动化、效率提升类工具开发。Hui，携程IT桌面支持经理，致力于用户服务相关平台、工具的功能优化和体验升级。术语本地服务：以系统权限（Local System）运行的本地服务程序，用于同iDesk页面进行本地程序交互、授权等操作；小应用：针对iDesk中的各类模块进行按需定制的独立功能程序，主要用于辅助i...

原创 开源 | 携程机票跨端 Kotlin DSL 数据库框架 SQLlin

作者简介禹昂，携程机票移动端资深工程师，专注于 Kotlin 移动端跨平台领域，Kotlin 中文社区核心成员，图书《Kotlin 编程实践》译者。一、背景2022年9月 Kotlin 1.7.20 发布之后，Kotlin Multiplatform Mobile（简称KMM）进入 Beta 阶段，Kotlin/Native new memory management 也变更为默认启用状态。无论从...

转载 干货 | 基于开源体系的云原生微服务治理实践与探索

作者简介CH3CHO，携程高级研发经理，负责微服务、网关等中间件产品的研发工作，关注云原生、微服务等技术领域。一、携程微服务产品的发展历程携程微服务产品起步于2013年。最初，公司基于开源项目ServiceStack进行二次开发，推出.Net平台下的微服务框架CServiceStack。2014年，公司推出Java平台下同CServiceStack完全互通的自研微服务框架Baiji和第一代服务注册...

原创 干货 | 携程微服务体系下的服务治理之道和优化实践

作者简介HongLiang，携程高级技术专家，专注系统性能、稳定性、承载能力和交易质量，在技术架构演进、高并发等领域有丰富的实践经验。一、背景微服务架构在中大型互联网公司中被广泛应用，随着业务的发展，应用数越来越多、调用关系也越来越复杂。中台化后，交易系统要支持业务线多，系统复杂性高，原系统虽然能支撑业务量的持续增长，但在稳定性、吞吐力和资源利用率上面，还存在优化空间。分享的目的本文站在业务开发角...

原创 干货 | 浅谈携程大住宿研发效能提升实践

作者简介Mia ，携程高级项目经理，负责酒店Devops实践，关注Devops/敏捷等领域。YY，携程敏捷教练，负责团队敏捷转型，研发效能提升实践，关注Agile、Devops、研发效能等领域。一、前言管理大师彼得·德鲁克在《有效的主管》一书中简明扼要地指出：“效率是‘以正确的方式做事’，效能则是‘做正确的事’。效率和效能不应偏废，我们希望同时提高效率和效能，但若效率与效能无法兼得时，我们首先应着...

原创 干货 | 提前在开发阶段暴露代码问题，携程Alchemy代码质量平台

作者简介Lyan，携程资深后端开发工程师，负责自动化测试框架及平台类工具开发，关注Devops、研发效能领域。一、背景随着敏捷开发，DevOps开发模式的流行，代码质量分析作为研发质量保证体系的重要组成部分，不仅能有效的降低因频繁迭代带来的故障风险，而且对整个工程团队的效能提升有着巨大的价值。携程很久以前就已经开始进行DevOps的建设，通过Gitlab CI/CD在开发提交代码触发的流水线pip...