finogeeks

资源下载中心(2024年05月06日)

FinClip — 2024-05-06T15:11:09+0900

https://www.finclip.com/downloads/

小程序开发工具下载中心
在这里下载 FinClip 相关的 SDK 与开发工具，用小程序实现你的好奇心

FinClip 小程序 SDK

FinClip
iOS SDK

适用于 iOS 端的 FinClip 小程序资源，包括小程序 SDK 与示例 DEMO。请根据需要进行代码集成。

下载 SDK
下载 DEMO
更新时间 2024-03-15

最新版本：2.43.9 (更新日志)

FinClip
Android SDK

适用于 Android 端的 FinClip 小程序资源，包括小程序 SDK 与示例 DEMO。请根据需要进行代码集成。

下载 SDK
下载 DEMO
更新时间 2024-03-15

最新版本：2.43.9 (更新日志)

FinClip
Windows SDK

适用于 Windows 端的 FinClip 小程序资源，包括小程序 SDK 与示例 DEMO。请根据需要进行代码集成。

下载 SDK
下载 DEMO
更新时间 2024-03-15

最新版本：1.6.7

FinClip
macOS SDK

适用于 macOS 端的 FinClip 小程序资源，包括小程序 SDK 与示例 DEMO。请根据需要进行代码集成。

下载 SDK
下载 DEMO
更新时间 2024-03-15

最新版本：1.6.7

SDK 常见问题
FinClip 是什么?
有没有想过，开发好的微信小程序能放在自己的 APP 里直接运行，只需要开发一次小程序，就能在不同的应用中打开它，是不是很不可思议？

有没有试过，在自己的 APP 中引入一个 SDK ，应用中不仅可以打开小程序，还能自定义小程序接口，修改小程序样式，是不是觉得更不可思议？

这就是 FinClip ，就是有这么多不可思议！

什么是 FinClip 开发者体验版？
开发者体验版的 SDK 包含我们 FinClip 的最新功能，大约 2 周更新 1 次，该版本用于让开发者能够尽早体验新功能，虽然该版本已经过测试，但仍可能存在一些问题，如果您有问题，可以点击这里告诉我们！

FinClip SDK 是什么？
开发者可以使用 FinClip SDK 在宿主 APP 中快速实现小程序的能力。一般会用于以下场景：
- 宿主 APP 构建自己的应用生态，既可以面向广泛开发者，也可以定向部分开发者；
- 宿主 APP 通过小程序方式对模块进行解耦，让不同模块的开发团队独立发版，灵活更新；
- 宿主 APP 中部分功能使用 FinClip小程序实现，降低开发成本，并且提升发布效率；

此外，SDK 还需要配合基础库一并使用，通过基础库提供的小程序生命周期钩子、API函数，页面 DOM创建、渲染以及事件传递等能力为用户提供更加良好的体验。

FinClip SDK 支持哪些平台？
FinClip SDK 支持移动端的 iOS/Android/Flutter 平台，并支持桌面端的 Windows 平台。您可以下载 SDK 并在以上环境中运行小程序。

SDK 中有哪些分类？
SDK 资源包中包括了核心 SDK 与其他可以进行扩展的资源文件，核心 SDK 中只包含一些必要权限的 API 和不需要权限的 API。核心 SDK 只包含相册、摄像头、麦克风三个权限，其他需要申请权限的 API 都会移动到扩展 SDK中。

如何集成 SDK？
您可以查看这里获取 iOS 端 SDK 集成说明。

您可以查看这里获取 Android 端 SDK 集成说明。

您可以查看这里获取 Flutter 端 SDK 集成说明。

您可以查看这里获取 Windows 端 SDK 集成说明。

FinClip Studio（开发者工具）

FinClip Studio
FinClip Studio (小程序开发工具)，可用来完成从小程序设计，调试直至预览和上传的一系列操作

产品功能
支持分包编译
相比传统的全量编译，分包编译可以在小程序体积较大时，大幅度降低小程序编译耗时。

支持 Mock API
可自定义 API 与回调信息，同时提供 Mock 模板导入/导出，接口联调更加轻松快捷。

支持小程序代码包上传
通过 FinClip Studio 可以直接将已编译好的小程序上传至 FinClip 后台中，从而提升开发效率。

支持多机型屏幕预览
支持在模拟器中模拟真机，或不同设备屏幕进行预览，便于为不同机型提供研发支持。

完善的研发支持
FinClip Studio 包含“代码补全、基础库自定义、UA 自定义、网络分析工具、小程序转 App”等多个重要开发功能。

更多功能
敬请期待...

FinClip（移动端体验管理助手）

FinClip
在这里了解认识 FinClip 的示例小程序与功能介绍，并且可以预览，管理你的小程序

通过「热门小程序」查看小程序在业务场景中的实际演示
通过「示例演示」查看官方组件的实际演示，与接口类组件的实际情况
通过「互动页」查看小程序特有功能的介绍与演示
通过「管理小程序」查看账户下的所有小程序状态

FinClip PC 终端

FinClip PC 终端
作为 PC 版的小程序应用市场，开发者们可在这里了解 FinClip PC 端 SDK 运行小程序的能力。

Vue 项目如何迁移小程序(2024年05月06日)

FinClip — 2024-05-06T15:10:41+0900

社交电商海外崛起：小程序助力打造超级App(2024年05月06日)

FinClip — 2024-05-06T15:10:13+0900

小程序容器技术助力券商数字营销突围(2024年05月06日)

FinClip — 2024-05-06T15:09:45+0900

https://www.finclip.com/blog/shuziyingxiao/

行业洞察
小程序容器技术助力券商数字营销突围
对券商机构来说，提升业务人员数字化营销服务能力，建立可持续转化的用户资产已经成为金融行业共识。

过去几年间，技术重塑了券商业务模式，获客拉新、线上投顾、营销赋能……各家券商利用自身资源和技术优势，全方位提升数字化运营能力。
随着移动互联网和社交平台的发展，人们在微信、短视频等社交平台停留时间越来越长，流量生态不断转移，以社交流量为主的新流量已经成为全新趋势。对券商机构来说，提升业务人员数字化营销服务能力，建立可持续转化的用户资产已经成为金融行业共识。

挑战
新冠疫情的影响下，投资者的信息获取、交易方式等行为都快速地向线上场景迁移，加速了金融服务线上化进程，据统计，2021年第四季度，同花顺月活均值达2570万，用户规模位列行业第一；东方财富及其旗下基金交易平台天天基金用户规模增长明显，同比去年同期增长63.5%与33.1%，「营销场景的线上化为证券行业数字化转型提供了契机。」

易观分析也在其《2022年中国证券类APP创新专题分析》报告中指出：数字化和服务化是支撑券商获客-运营-变现的重要基建。

数字化转型，是券业服务展业的新机遇，以数字化思维和市场营销技术相结合有助于拓展丰富数字化渠道，让金融服务更加便捷地触达用户，推动业务服务线上化、运营场景多样化。

「但挑战也随之而来，券商需要解决几个方面的问题：」

一是如何让IT架构更加松散耦合，具备真正敏捷开发、敏捷交付的能力，以灵活支持各种各样的线上营销场景；

二是如何构建平台以对接层出不穷的互联网渠道，统一管控各式其色的客户触点，不仅向所有触点提供一致的服务体验，更对各触点在营销与服务过程中实现统一的合规风控。

三是如何强化线上服务，传统经纪业务中，一线展业人员仍将线下客户触达作为主要手段，与客户的消费行为趋于线上相悖。如何辅助展业人员在线上触达客户？展业人员服务客户需要持续输出对客户有价值的内容或服务，方能提升客户的信任感，进而愿意增加投资资产或购买更多付费服务。

在此背景下，券商可以从「赋能投顾人员、拓展服务触点、提升客户体验」等方面作为展业数字化转型的切入点。

小程序或许为其提供了一种新的思路
众所周知小程序作为一种无需下载、无需安装即可使用的轻型应用，可以更加聚焦具体的业务功能和流程，体积轻量，随用随走，具有跨平台开发、动态更新、多平台输出等优势。

在技术上，小程序的一个重要价值可体现在应用治理，小程序可独立开发测试、支持热更新，与宿主之间互不干扰，能够解决传统APP发版频率过高等问题，快速响应业务需求、快速迭代。

如果券商APP将大部分的业务、营销功能，以小程序作为技术载体的方式实现，就能够独立于App之外进行开发、测试，无需发版，即可快速响应多类线上营销场景。

其次，各类业务功能可以小程序的形式进行改造封装，利于营销人员将各个小程序投放至外部流量平台（微信、头条、百度、抖音等），借助社交平台去中心化流量分发原则，通过小程序内容触达全平台的股民，并通过数据埋点，获取用户信息，与内部数据进行匹配并营销。

最后，在体验上，小程序在性能和灵活性上取得了较好的平衡，通过充分利用系统UI、线程协作及缓存技术等，能够让用户在使用时获得优于H5、与原生应用近乎一致的交互体验，能够提升。

华西证券：基于FinClip打造券数字化社交营销服务闭环
与华西证券的合作中，FinClip 解决方案的差异化优势主要体现在以下几个方面：

敏捷迭代，降本增效
华西168 通过集成「FinClip 小程序运行时SDK」，使得APP各类业务功能都以小程序形式替代，可以有效帮助应用治理，因为小程序可独立开发测试、支持热更新，与宿主（APP）之间互不干扰，能够解APP发版频率过高等问题，快速响应业务需求。

社交化营销与展业
华西168 通过「FinClip」将业务功能以小程序的形式进行封装，如增值产品、资讯中心、商城精选、智能产品等，利于员工将各个小程序投放至外部流量平台（微信、头条、百度、抖音等），借助社交平台去中心化流量分发原则，通过小程序内容触达全平台的股民。

同时，FinClip 兼容微信小程序语法 WXML，让研发人员无需对业务功能进行二次开发，即可复用。并通过技术手段打通公（社交平台）- 私域（展业APP）流量，让投顾IP能够最大化的传播并让客户感知。

通过企业微信 → 微信，为员工提供“趁手”工具，同时解决展业过程中的合规留痕
除此之外，任何金融机构的资产分析、营销展业等业务小程序等能上架至此，助力营销人员对客户行为数据的洞察和潜在需求的挖掘，为客户提供差异化服务内容，让客户在获取“无处不在”伴随服务的同时，更能拥有“无微不至”的贴心体验。

数据驱动运营，实现精准营销
为了实现精准营销，华西证券利用 FinClip 「灰度发布」的特性，基于客户标签，自建灰度方案，随后针对用户的地域、年龄、喜好、用户行为推送不同的业务功能，实现针对定向人群的个性化小程序投放，帮助运营人员精准、及时触达用户，实现留存、促活、增长业务的目的。

华西证券通过应用数字化内容运营平台中的一系列功能满足了各个场景下的客户服务需求，对获客、客户激活和客户转化都有明显的提升效果，特别是在增值产品的销售转化环节中起到了重要的推动作用。

FinClip的技术方案，目的就是要让任何行业的任何企业，均可以拥有自主打造小程序数字生态、发布管理小程序内容、在自己的App中运行小程序的能力，因为 FinClip 小程序官网团队相信：

小程序是促进数字化连接的最佳载体
连接是企业数字化转型的核心关键
数字化内容资产的小程序化，最有利于敏捷发布业务场景、实时风控、降本增效。

我也能打造自己的「超级 App」？(2024年05月06日)

FinClip — 2024-05-06T15:09:18+0900

https://www.finclip.com/blog/privatizing-browsers/

产品更新
我也能打造自己的「超级 App」？
基于 FinClip 的开源 Browser 项目，打造自己的超级 App 也变得触手可及了！

这几年“超级 App”的势头越来越火热了，国际市场中有非常多行业的企业与 IT 机构都在尝试计划打造自己的超级 App。

Elon Musk 的超级 App 计划
很多网友都在上个月 Twitter 正式更名为 X 后猜测，改名这件事可能表示着 Elon Musk（埃隆·马斯克，特斯拉的创始人，曾在去年 11月收购了 Twitter）正式开启了践行自己的超级 App（Super Apps）的路程。

不久后，Musk 就在 X 上测试了新的直播功能，整个视频持续了 53 秒，随后他在 X 中发文声称“Live video now works reasonably well. Just tap the button that looks like a camera when you post（直播功能现在效果相当好，你只需要在发帖时点击界面中看起来像相机的这个按钮就行）”。

X 首席执行官 Linda Yaccarino 也表示了不久后会考虑在其中增加支付和银行相关业务（其实在去年 11月 Musk 收购完 Twitter 没多久后，就已经向美国财政部金融犯罪植发网络提交了成为支付处理商的申请文件）。

事实上在 Musk 收购 Twitter 很久以前，就已经屡屡提出要打造类似微信的这种能够在其中一站式获得衣食住行、新闻资讯、娱乐消费等各种所需要的信息的超级 App 了。

热知识，Mush 曾多次在公共场合称赞过微信十分万能，并表示自己对于打造一款类似微信的 App 十分感兴趣。
并不仅仅 Musk 有超级 App 的野心
值得一提的是，这几年除了 Musk 还有多位硅谷大佬都表示想打造自己的超级 App，其中最出名的还有要和 Musk 笼斗的 Zuckerberg（马克·扎克伯格，Facebook 的创始人）。

很多朋友们可能早已听说过 Facebook，Messenger 和 Instgram 的大名，但可能并不知道这几款产品其实都属于 Zuckerberg 的 Meta 集团，这也为 Zuckerberg 打造自己的超级 App 提供了可能。

去年 Uber 在完成首次公开募股后，其 CEO 也重申了自己打造超级 App 的口号，宣称要让 Uber 成为“a one-stop-shop for all your travel needs（户外出行领域的一站式商店）”。如果再早一点，照片分享引用 Snap 的负责人也表示自己正在开发一款“Snapchat 超级 App”。

这样的例子一次又一次的出现，背后反应的其实是硅谷科技圈大佬都在全力扩张自己数字帝国版图的野心。

尽管“Super App”一词经常被用来在海外市场中描述微信，但这一词仍然因为过于抽象以至于不论是工程师还是用户都无法想象。
如何实现自己的超级 App ？
Gartner 曾在 2022 年的十大战略技术趋势中提到了“组装式应用”，但在其 2023 年趋势报告中，“组装”字眼不再见踪影，似乎是被“超级应用”替换掉了。

根据 Gartner 的定义，“超级应用是一个集应用、平台和生态系统功能于一身的应用程序。它不仅有自己的一套功能，而且还为第三方提供了一个开发和发布他们自己的微应用的平台”。

Gartner 预测，到 2027 年，全球 50% 以上的人口将成为多个超级应用的日活跃用户。
怎样才算是“超级”？
如果你的理解是拥有巨大用户流量的互联网 App 才能有资格称为超级 App，则我们不能同意这个说法。我们认为达到“超级”，需要符合这样一些特征：

App 能突破企业边界，里面的内容并不见得是你的IT开发提供的，更主要的可能来自于合作伙伴甚至任何开发者。你能借力他人，协同服务用户
App 能形成自己的技术生态，提供一定的技术接口、规范、标准，让任何组织与个人可以基于它们来开发内容。这好比苹果应用商店与它的数以百万计 App 开发者的关系
App 能支撑大量的第三方功能、内容。让一个软件能支持一定的“插件”，借力第三方来扩充自己的能力、提升自己的价值，这并不是难事（稍微设计好一点的传统企业软件也都能具备这样的技术），难的地方是，你的App能“无上限”的支持这样的“插件”的数量，它能解决你与你的插件提供者之间的信任问题、安全问题、隐私保护问题、管理问题。这方面的 Scability（规模化能力），是决定你的App是否“超级”的重要指标
我们相信，上述特征，是数字化时代任何企业都需要的。任何进行数字化转型的企业，都需要解决开放与安全可控的平衡问题。因为数字化意味着连接，连接建立在开放的基础上，而开放的先决条件是安全可控。超级 App 这种形态，是集中与分散、管控与开放的统一。

超级 App 的软件形态，是普通企业可以拥有和利用的，对其平台化的运营能力，则是可以在技术平台的支撑下构建的。打造企业自己的超级 App，就是打造企业自己的数字化平台、自己的数字化生态，只不过通过 App 让这些东西可感知、切实可用。

用小程序打造自己的超级 App ！
一个 App 需要做到“超级”，必须要采用业界公认的标准、开放技术后，才能实现不论是自我开发还是外部引入对应的内容伙伴。国内互联网头部平台中动辄几百万个小程序的规模效应，不仅仅是对平台运营能力的考验，规范化的技术、标准化的规范与开放的运营能力都是必要前提。

我们可以将小程序理解成一种数字化的内容资产，它里面含有某个企业向公众提供服务所涉及的代码、数据、文本和多媒体内容，只不过和传统的静态的内容相比，它是可交互的、动态的、具备应用软件形态的。

而在内容的供给侧，超级 App 是一个数字内容资产的发布管理平台，而平台上的商家/企业合作伙伴，则是内容的“出版商”，他们负责制作、出版自己的数字内容，而超级 App 的拥有者，则具有对这些出版内容的发行权。在这一点上，我们的技术和 Gartner 所提到的“Publication mechanism for miniapps ecosystem”是一致的。

在内容的消费侧，超级 App 向它的消费者用户，提供了对上述数字内容资产的发现机制，例如搜索引擎、推荐算法、陈列与排行等等。如果我们把超级App理解成一个虚拟购物中心的话，那么进驻其中的商家就是生产与供给自己的数字化内容，而超级 App 则提供了“购物中心”门口的关于这些商品的广告陈列与展示，以及找到这些商家店铺的“导航”。

使用小程序打造自己的超级 App 是一件很有挑战性的工作，在这个工作之中我们必须要考虑 6 点关键问题：

生态平台建设：要成为超级 App，我们就需要建立一个庞大的生态系统，包括合作伙伴、开发者和用户。这需要时间和资源来吸引和培养生态系统中的各方；
具有稀缺市场属性：超级 App 领域通常竞争激烈，有许多强大的竞争对手。我们需要打造具有自己产品或服务特色的超级 App，进行市场调研，在确定独特卖点后提供对应的小程序能力；
用户体验口碑好：超级 App 的成功往往与用户体验密切相关，能否确保小程序界面友好、易于导航，同时提供高质量的内容和服务，对于吸引和保留用户非常关键；
保证数据隐私安全：来自不同厂商的小程序可能都会请求与处理用户敏感数据，我们需要务必确保数据的隐私和安全，遵循数据保护法规，采取适当的安全措施，以保护用户的个人信息；
功能集成丰富：小程序需要提供多样化的功能，以满足用户的不同需求。这可能需要与第三方服务和 API 集成，或者开发自己的插件系统，以便扩展功能。
代码性能稳健：确保你的小程序具备足够的性能，以支持大量用户和高并发操作。还要考虑技术堆栈和扩展性，以便随着用户增长而扩展。
别担心，试试 FinClip Browser

凡泰能够帮你解决其中大多数关键问题，你只需要考虑“如何打造具有稀缺属性的业务应用”，或者“如何基于自己的商业模式打造自己的生态平台”，剩下与技术相关的能力都可以放心交给 FinClip，我们已经帮助多家来自金融、民生、政务、交通灯行业的客户打造自有超级 App 平台，此外我们也已经与多家伙伴建立生态合作关系，从而能够帮助您打造自己的小程序生态平台。

为了帮助我们的客户与众多开发者朋友打造自有的移动端超级 App，我们也设计实现了移动端专门的“FinClip Browser（也称为 FinClip 小程序浏览器）”，该项目采用 iOS/Android 原生语言开发，可开源提供给私有化客户使用，客户可直接基于自有业务内容快速编辑或发布属于自己的超级 App。

项目支持完全开源，可基于源代码进行二次修改或开发，快速打造自有产品的超级 App！

如果您有相关使用诉求，可致电 0755-86967467 或联系您的专属商务顾问，我们将一如既往地为您提供优质服务。

数字内容小程序化，助力破解基金营销困局(2024年05月06日)

FinClip — 2024-05-06T15:08:49+0900

https://www.finclip.com/blog/investor-education/

数字内容小程序化，助力破解基金数字营销困局
当前基金行业进行数字化转型具有时代发展的必然性，数字化浪潮在不断重塑客户预期，基金公司需转换营销思维模式，积极探索数字化带来的业务价值。

2022年是对基金销售颇具挑战的一年。

中国证券投资基金业协会近期公布的公募基金市场数据显示，截至2022年3月底，公募基金资产总值合计25.08万亿元，相比2月底的26.34万亿元和1月底的25.87万亿元均有明显缩水。截至3月底，公募基金的数量为9669只，而2月底和1月底时分别为9491只和9428只。

经过三年结构性牛市行情，受宏观经济、俄乌冲突、疫情散点爆发等多重因素影响，公募基金规模和数量增长明显放缓。面对市场的调整和基民的理性，卖方投顾快速向买方投顾市场转变，基金公司靠明星基金经理流量做大规模，坐收管理费的增长方式已不再凑效。吸引投资者产生买入行为已不是营销最终目的，如何与投资者长期携手跑赢市场，才是基金公司赢得未来市场的关键。

数据来源：《公募基金行业发展白皮书》，华经产业研究院整理
买方投顾时代，投资者陪伴是资产管理的本源服务方式
由于基金行业营销高度同质化，行业营销资源在激烈的竞争下浪费严重。

对于资金充足的头部基金公司来说，用高成本的方式提高品牌认知度和影响力，可以在短期内对于基金销售有明显的促进，但面对水涨船高的互联网及网销渠道成本，如何能长期、持续的与用户互动，进一步培养用户忠诚度才是赢得市场份额的关键。另一方面，对中小基金公司来说，在行业马太效应日益增强的当下，有业内人士认为，淡季中加大绩优特色产品的打造，聚焦新媒体（如直播、短视频等方式）内容打造以吸引投资者的注意，进而实现持续营销，才是谋求差异化发展的正道。

卖方投顾时代结束，买方投顾时代正式到来，将用户利益和体验放在第一位的企业，方能赢得市场。牛熊更迭是市场常态，基金公司如何充当好投资者陪伴和服务的角色，才是回归资产管理本源的方式，也才能进一步赢得用户的信任和忠诚。

基金市场存量博弈时代，好产品与好的投教内容营销和传播，缺一不可。

数字内容小程序化，是更好的内容传播载体
图文内容时代，如果需要将内容快速呈现在用户眼前，最好的技术载体是HTML5网页，内容只需发布一次，便可以在各大社交平台入口展示。

视频时代，对于视频的处理和展示，H5技术比起小程序则会逊色不少。小程序的代码直接在APP上运行，通过浏览器双线程UI渲染和业务逻辑分离等技术，会比H5流畅很多，首次打开需要几秒的加载时间外，小程序各个页面的切换、跳转等体验已经媲美原生App，有着同样的柔丝般顺滑的效果。

这也是各大流量平台，如微信、支付宝、抖音等开始打造自有小程序技术平台主要原因之一。

FinClip小程序安全沙箱技术，能更高效的解决跨端安全运行效率
基金行业的高渠道比重销售模式，意味着产品和内容需要依赖软件技术投放到多终端移动设备上，以求最大效率的用户展示曝光，因此技术上非常需要跨端方案的支撑。小程序运行时方案作为跨端方案的优越性，主要体现在业务安全运行、应用体验、应用框架支持以及宿主环境结合等方面。

1、业务安全运行方面：FinClip小程序安全沙箱的数据隔离能力，能有效隔离第三方业务应用对宿主App的资源访问，以及获取沙箱中小程序的运行数据。

2、应用体验方面：小程序技术的组件及UI都有明确的技术规范，企业开发者无需考虑兼容性及类似H5开发时复杂工具及框架的选择。与此同时，预设的组件及UI元素让应用展示体验更佳。

3、应用框架支持方面：FinClip SDK不仅支持纯 wxml 微信小程序运行，还支持包括 Flutter、Vue、React Native、Taro、kbone 等主流第三方框架集成的小程序。

4、宿主环境结合方面：随着微信小程序的潮流引领，各大主流互联网平台的追随，小程序技术的发展趋于成熟，相比于H5应用，小程序基于App端实现的应用，其获取系统(App)的权限也会多于H5。此外，FinClip小程序容器技术已经能够让小程序应用运行在手机之外，如Windows、Mac、Linux、统信、麒麟，电视，手表等智能设备操作系统上，从跨端运行延展至全端运行。

FinClip企业级应用软件底座架构
「数字内容敏捷生产与管理」技术应用案例
1、项目背景：数字化转型，公私域流量-服务-销售整合
当前基金行业进行数字化转型具有时代发展的必然性，数字化浪潮在不断重塑客户预期，基金公司需转换营销思维模式，积极探索数字化带来的业务价值。

在此背景下，某基金公司采用凡泰极客自研的FinClip数字化生态解决方案，以FinClip小程序安全沙箱技术作为跨端业务运行技术底座，结合FinClip数字营销展业小程序，实现投资者 - 基金产品 - 投顾服务三者的社交连接，打造连接—服务—转化—管理的线上下营销服务闭环。与此同时，赋能渠道合作方，为其提供云端工作室搭建、客户获取、研究报告、客户分析、合规监管等一站式的在线展业服务平台支持。

2、方案思路：灵活、开放、安全的技术架构，基金线上下一体化销售小程序应用
以FinClip作为企业软件技术底座，将原有App 功能模块解耦，实现模块化研发，以提升软件研发效率
以FinClip线上下一体化销售小程序作为业务软件应用框架，打造云端服务展业平台，为企业员工与合作伙伴提供在线营销服务支持。
通过FinClip营销展业小程序的即时通讯功能及工作插件，打通员工与客户、员工与员工、组织与组织之间的社交关系，提升内外部协同效率。
整合公共社交平台（微信、百度、支付宝、抖音等）、外部合作渠道，开放企业多渠道服务入口，实现跨平台、跨机构营销服务。

借助FinClip，企业可实现对数字内容（包括自建及第三方引入）进行敏捷的生产与管理。以小程序作为数字内容的应用载体，可降低内容与渠道所形成的内容矩阵管理成本，让同一小程序化数字内容在多社交平台、多智能终端转编译和上架。

FinClip小程序平台凭借插件化、嵌入式、轻量而灵活的产品特点及行业领先优势已经赋能银行、证券、政企、电商、航空、园区、零售等多个行业，在无界开放银行、数字券商、监管与合规科技、科技、互联网、IOT、电子政务、信创等方面形成较有特色的创新应用案例。获取更多特色方案，欢迎与我们联系。

gRPC 之负载均衡(2024年05月06日)

FinClip — 2024-05-06T15:08:15+0900

https://www.finclip.com/blog/grpc-load-balance/

gRPC负载均衡
gRPC 是 Google 开源的非常优秀的 RPC 框架，在今天的文章中我们来聊聊如何降低后端重复请求的问题。

概述
随着微服务架构的日趋流行，传统的业务服务正在从大而全的单体结构解体转变成小而多的分散服务。在微服务架构中，每个后端服务的职责将被细分，整体架构由大量微小服务相互调用协作来运行。这样的架构可以带来很多好处，微服务的逻辑更加简单；不同的微服务方便选择适用的编程语言和服务框架；在云原生环境中更利于做服务的生命周期管理（部署、扩容/缩容、故障转移等）。

然而，微服务带来灵活性的同时，也带来了一些问题。典型的问题是：大量微服务相互调用所带来的性能成本。针对这样的问题，选择性能更高的服务调用协议是解决问题的最佳方法，在我们的业务系统中，我们选择了 gRPC

gRPC 是一个高性能的 RPC 框架。gRPC 支持很多特性，包括结构化数据作为通信媒介、开箱即用、支持多种语言等等。不仅如此，它还支持多路复用、双向数据流、头部压缩...它是基于 HTTP/2 的。

问题
由于 gRPC 的链接是粘性的，当客户端连接到服务端时，相同的连接将尽可能长时间地保留以重复利用（multiplexed）。这样的优点是可以尽量减少新连接建立消耗的时间和资源，但是会导致请求发送到同一个后端服务，从而导致流量长时间发送到同一个服务端。

一、基于 Kubernetes 的服务发现
通常，我们的微服务是通过容器化部署的，由 Kubernetes 进行编排管理，服务之间通过 Kubernetes 的 Service 控制器进行互相访问。Kubernetes Service是基于 DNS 的，它将访问地址映射到相应服务的所有容器实例上，来实现动态管理，如图：

但是，正如前文所述，当使用 gRPC 时，由于 gRPC 的链接复用，客户端的请求将持续发送给同一个服务端，导致负载不均衡。以下我们将在 Kubernetes 环境中进行实验测试：

1. 客户端通过 Kubernetes 的 Headless Service 访问服务端。

2. gRPC 获取了 Service 的多个地址后会与这些地址建立子通道。

3. 默认情况下，之后的请求将发送给其中一个子通道。

4. 当接收请求的子通道发生断开时，gRPC 会重新建立链接，然后又从新链接中选择一个子通道进行通信。

显然，这样的方式并不利于我们的负载平衡，因为 gRPC 默认选择了 pick_first算法进行负载均衡，也就是一个后端会被持续调用，gRPC 提供了另一种常见的负载均衡算法:round_robin，我们可以在创建 channel 的时候选择默认的负载算法为round_robin，例如：

ManagedChannel channel = ManagedChannelBuilder.forTarget(target)
.usePlaintext()
//使用轮训调度
.defaultLoadBalancingPolicy("round_robin")
.build();
那么，它的行为将变得更加合理一些：

1. 客户端通过 Kubernetes 的 Headless Service 访问服务端。

2. gRPC 获取了 Service 的多个地址后会与这些地址建立子通道。

3. 之后的请求将轮流发送给所有子通道，看起来正常了些。

4. 但是，由于 gRPC 是持续链接，当我们对服务进行扩容的时候，新的服务实例并不会加入其中，只有当我们有其中的链接断开时才能触发 gRPC 的重新链接。

由此可见，当我们的服务发生变化时，利用 Kubernetes 的 Service 并不能让 gRPC 实现完美的负载。以下是在 Kubernetes 中测试的过程：

二、客户端负载均衡
另外一种方法是在调用端自己实现调用逻辑，例如定时关闭链接以触发gRPC重连、自动刷新、心跳检测、负载均衡等等。

胖客户端的方式通常是不推荐的，因为这样会导致客户端变得复杂。尤其在跨团队协作中，客户端代码的统一维护会成为挑战。

三、外部协调
如果 gRPC 本身设计使得负载均衡变得棘手，那么我们是否可以借助外界工具来进行协调？答案当然是可以的！

gRPC 提供了相应的方法，以供用户对负载均衡和服务发现进行扩展，这种模式如下图所示：

用于服务协调的开源产品有很多，例如 ZooKeeper、Etcd、Consul、Eureka 等等。通常的模式是这样的：

服务实例在启动时将自己的地址注册到注册中心
注册中心维护所有服务地址增减、健康检测、元数据管理等等
客户端程序访问注册中心获得理想的调用地址
就目前来说，这种方式是相对比较理想的。一方面可以避免 gRPC 粘性链接导致的问题，另一方面又可以获得服务管理的灵活性，当然这种方式也有缺点，因为需要引入新的组件，由于协调中心维护所有服务的访问，所以也会引入风险点，同时其维护成本也会增加。

在后续迭代中，gRPC 已经不建议使用这种方式（grpclb），官方推荐改用 xDS。

四、 xDS
xDS API 实际上是一组名称为“x 发现服务”的 API，其中“x”有很多值（LDS、RDS、CDS、EDS...因此整个协议套件的名称为“xDS”）。该协议目前没有正式的规范。

xDS 主要由 Envoy 代理使用，可以进行多种类型的配置，负载平衡当然也不在话下，并且该 API 正在演变成一种标准。

不过，目前 xDS 在 gRPC 中的实现和应用都还不是非常成熟，我们将在后续持续跟进，在未来，服务网格与 gRPC 结合将是更加完美的模式。总之，优化不停，架构不止。

总结
gRPC 有很多优点，可以为微服务架构提供很好的解决方案，在实践的同时，我们需要填补一些坑，我们就在这些填坑的过程中成长，服务架构也在这个过程中被逐步完善，业务更加稳定。

FinClip小程序致力于帮助企业打造更高效的一站式数字内容管理平台，旨在降低内容与渠道所形成的内容矩阵管理成本。企业可以将同一小程序化数字内容转编译并上架到多个社交平台和多个终端，从而实现高效管理和运营。

vue转小程序(2024年05月06日)

FinClip — 2024-05-06T15:07:35+0900

https://www.finclip.com/blog/fu-za-wang-ye-dong-hua-de-shi-xian/

想知道凡泰小程序首页中酷炫的粒子与动画效果是如何实现的吗，说不定本文会给你带来些新思路。

编者记：在最新一次的凡泰极客官网改版中，首页中的动画效果是由前端工程师陈林主导开发与实现的，在网站上线后也得到了众多同事与用户的好评。因此我们邀请了他向我们做一次《复杂网页动画的实现》的内部分享，以下是分享正文。

为了让网页显得生动有趣，设计师往往会设计一些或简单或复杂的小动画，开发人员需要考虑这些动画该怎么实现，不仅要完整还原设计稿的效果，还要保证网页的性能、动画的流畅性以及对不同浏览器的兼容等等。

做过网站前端开发的人都知道，CSS 里面的 transition 和 animation 可以实现动画过渡效果，然而实际开发中遇到的情况往往比较复杂，仅仅用这两个属性还不能解决问题。本文旨在分享一些比较复杂的网页动画（如连续执行的动画队列、非标准曲线动画等）的实现方法。

复杂动画
首先我们要搞清楚什么样的动画才算复杂动画，先看下面两个例子：

上面图 1 为直线运动，在代码里面，只需提前定义好元素的起始位置和终点位置即可，这种动画比较简单和常见。而图 2 中的动画是曲线动画，不仅是曲线而且是不规则曲线，无法简单的在代码中通过定位来实现。曲线动画在设计稿里面很常见，要知道，设计师在实现某个创意的时候一般不会考虑程序员怎么实现的，所以他们设计的动画往往没什么规律可循，这种动画我们称之为复杂动画。

再来看看下面的例子：

在这个例子里面，同时有直线动画和曲线动画，元素在不同阶段运动方式不同，而且需要保证动画效果在同一个元素上是连续执行的，这就涉及到动画队列的管理。

实现方式
简单粗暴的实现动画当然是用 gif 图片或者网页视频。对于 gif 图片，这是一种比较古老的做网页动画的方式，至今仍然比较常见，它的缺点是颜色失真较多、比较耗费浏览器性能、无法实现半透明效果等。

至于用网页视频来显示动画，也不失为好方案，毕竟现在有 webm 等新技术，浏览器对他们的支持也做的相当好了。但是，用视频制作网页动画也有缺点，首先你需要有做视频动画的专业人员来支持你的工作，其次是视频动画无法很好的实现一些类似点击之类的交互操作。

对于以上这些非代码实现的动画方式，这里不做过多讨论，我们谈谈怎么用纯前端代码的方式实现复杂动画。

动画叠加法
动画叠加法仅适用于可分解为简单动画的元素变换，如贝塞尔曲线运动，看下面的例子：

这是一条类似物理中的抛物线路径，我们把水平方向的运动想象成 x 轴，垂直方向的运动想象成 y 轴，那么上面的动画可以分解成下面两个动画：

可以看到这两个都属于简单动画，两个方向的 animation-timing-function 值不同，即运动速度快慢不同，合成之后就能实现上面的抛物线动画。具体实现方式可以参考张鑫旭的博客文章《这回试试使用CSS实现抛物线运动效果》。

CSS3 中的 Motion Path
动画叠加法对于那些无法分解或者分解起来比较麻烦的运动路径就有些无力了，这时候就需要用到 CSS3 中的 motion path 的概念。只需要给元素提前设置一个 offset-path ，然后用 animation 控制元素的运动位置，这样，元素就会顺着设置好的路径运动。offset-path 值可以是 SVG 中的 path 形状值，也可以是 CSS 预置的一些形状函数。

.scissorHalf {
offset-path: path('M900,190 L993,245 V201 A11,11 0 0,1 1004,190 H1075 A11,11 0 0,1 1086,201 V300 L1294,423 H1216 A11,11 0 0,0 1205,434 V789 A11,11 0 0,1 1194,800 H606 A11,11 0 0,1 595,789 V434 A11,11 0 0,0 584,423 H506 L900,190');
animation: followpath 4s linear infinite;
}

@keyframes followpath {
to {
motion-offset: 100%;
offset-distance: 100%;
}
}
绘制 SVG 路径可以使用 Illustrator 、Photoshop 或者其他矢量图制作工具，这里推荐一个免费的在线图片编辑器 Photopea，使用其中的钢笔工具即可绘制并导出 SVG 路径。

注意：由于 motion path 是一个比较新的概念，目前（2021年9月26日）Safari 浏览器还不支持该属性，用的时候需要考虑到这点。

SVG 使用 SMIL
SMIL，即同步多媒体集成语言，是由 W3C 标准协会为了用 XML 描述多媒体而建议的一种标记语言，它可以让 SVG 实现动画效果。

SVG 中的动画实现主要借助、、等标签，具体语法请参考 MDN 文档。

SVG SMIL Animate with transform

attributeName="transform"
begin="0s"
dur="20s"
type="rotate"
from="0 60 60"
to="360 100 60"
repeatCount="indefinite"
/>

JavaScript 工具
上面提到了一些实现 CSS 曲线动画的方式，他们都能实现单个元素的单个动画，但是，对于单个元素的多个动画却不太管用。为了更好的控制动画流程，最终还是需要使用 JavaScript 工具。目前可以找到的使用的比较多的动画制作工具有 GSAP、Anime.js、Matter.js、Three.js ，下面对这张表格展示了这几个工具的对比。

JS 工具支持队列支持时间线支持物理模拟支持 3D 模型优点缺点
GSAP✔️✔️❌❌生态完善，功能齐全，API 容易上手文件体积较大，有一定的使用限制
Anime.js✔️✔️❌❌轻量，功能齐全，完全开源由于比较轻量，可扩展性上有一定牺牲
Matter.js❌❌✔️❌可实现2D物理效果模拟，如重力、碰撞等等需要具备一定的物理基础知识，仅适用于特定动画场景
Three.js❌❌❌✔️可渲染复杂的3D效果上手难度高，需要结合数学知识和纯代码逻辑的方式来实现动画。