Saleforce 迁移纷享销客 - 前端代码迁移指导手册

Salesforce 和纷享销客都有 LEGO 式自定义组件的开发能力：开发自定义组件，上传，在页面布局中通过拖动组件使用

Saleforce 的前端组件开发能力为 LWC：https://developer.salesforce.com/developer-centers/lightning-web-components

纷享销客的前端组件开发能力为 PWC：https://www.fxiaoke.com/mob/guide/uipaas/dist/

	PWC	LWC
技术架构	Web 端使用 Vue.js 框架。Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。Vue 3 是当前最新的稳定版本，引入了 Composition API 等新特性移动端使用微信小程序组件	Salesforce Lightning Web Components (LWC) 是基于 Web Components 标准实现的框架，使用原生 Web 技术
Web/移动端	Wed端和移动端使用的技术栈不同，一个组件需要在两端开发各自开发	基于 HTML5 的架构，组件在两端自适应
组件库	Web端： https://www.fxiaoke.com/mob/guide/uipaas/dist/pages/custom-component-web/start/what/ 移动端： https://www.fxiaoke.com/mob/guide/uipaas/dist/pages/custom-component-web/start/what/	https://developer.salesforce.com/docs/component-library/overview/components
数据处理	使用业务组件绑定纷享数据，并支持通过 APL 代码让组件实现自定义逻辑的调用业务组详见开发文档的业务组件内容介绍	使用 LDS 方式让组件处理 Salesforce 数据： https://developer.salesforce.com/docs/platform/lwc/guide/data.html 包括组件基础能力（绑定数据）、wire adapters、Apex

和后端代码迁移一样， Agentforce for Developers Extension 同样支持 LWC 组件的自然语言解释能力，不过前端组件开发更好的方式也许是参考项目的 UI、交互设计中，或者实际去页面中查看和操作组件。

目前纷享的智能开发助手 Share APL 还不支持 PWC 组件代码的 AI 生成，但是在创建 PWC 组件时，我们提供了丰富的组件模板供用户选择，涵盖了业务中常见的前端场景

CodeEditor 文档：https://www.fxiaoke.com/mob/guide/apl/dist/pages/func-introduce/base/ide/

WebIDE 文档：https://www.fxiaoke.com/mob/guide/apl/dist/pages/func-tools/webide/

VScode 插件文档：https://www.fxiaoke.com/mob/guide/uipaas/dist/pages/other/vscode-plugin/

前端组件的开发无疑是强大，可以灵活的订制页面，但是在 SaaS 系统中，我们同样提供了很多开箱即用的预置组件，我们建议用户优先选择这些预置组件完成系统的前端页面搭建，以减少项目的实施和后期维护的成本

PWC 除了提供类似 Salesforce Lightning 的自定义组件开发能力，还提供了自定义插件开发能力

和自定义组件从0到1构建组件不同，自定义插件主要的作用在页面的各个生命周期，通过插件去修改其中的数据，从而影响相应的业务逻辑

例如：可以在输入表单改变组件的显示形式，把数字输入框变为滑块输入；或者可以在列表页把特定数据行用红色背景色标记等等

Web 端自定义插件开发手册：

https://www.fxiaoke.com/mob/guide/uipaas/dist/pages/custom-plugin-web/start/what/

移动端自定义插件开发手册：

https://www.fxiaoke.com/mob/guide/uipaas/dist/pages/custom-plugin-mobile/start/what/

2025-10-09

开场语