Salesforce B2C Commerce程序员 – 探索B2C商业发展环境

学习目标

完成本单元后，您将能够：

• 列出用于Salesforce B2C Commerce店面的客户部分的两个工具。
• 列出三个关键的B2C Commerce软件开发工具。
• 描述MVC体系结构的元素。
• 列出可以使用脚本和控制器执行的三个任务。

介绍

无论您是新手还是经验丰富的B2C Commerce店面应用程序开发人员，您都了解情况。您首先查看工具。

三个关键的B2C Commerce软件开发工具是Business Manager，UX Studio和Commerce Cloud店面参考体系结构（SFRA）。其他工具包括：

• 范本
• 表格定义
• 资源包
• 剧本
• 控制器

我们将在一分钟内深入探讨更多细节，但首先让我们讨论一下架构。

MVC架构

我们使用模型-视图-控制器（MVC）架构，该架构将应用程序分为三个部分。

• 该模型是应用程序基础的业务逻辑，数据和规则。传统上，模型存储用于填充视图的数据。在B2C Commerce中，数据由API表示，API提供帮助程序类而不是存储数据。
• 该视图是购物者在店面中看到的。它是登录页面，产品详细信息页面，QuickView或购物车页面。
• 控制器从输入字段，按钮单击等中获取购物者输入，并将其转换为模型或视图消耗的动作或数据。

尽管此体系结构提供了元素如何协同工作的示意图，但是代码仍然需要部署机制。那就是墨盒的所在。

B2C商务墨盒

盒式磁带是B2C Commerce打包和部署程序代码和数据的方式。它提供通用或特定于应用程序的功能。例如，一个商人出售多个品牌，每个品牌都有自己的网站。因为他们销售服装，所以所有站点都有类似的流程。但是这些站点的外观和品牌因品牌而异。通用盒带包含标准流程，而专用盒带包含品牌专用代码和数据。

让我们从我们正在建造的东西开始

让我们从上至下开始讨论我们正在构建的内容。

无论客户端是台式机还是移动设备，店面页面都会显示在客户端上。这些是一些标准的店面页面：

• 家
• 类别
• 产品详情
• 搜索结果

这些页面使用基于HTML的专用ISML，并且使用CSS进行格式化-行业标准。购物者可以通过单击按钮和标签并在字段中输入文字来在这些页面上进行交互。此处使用的开发工具称为 模板和表单定义。

使用这些工具，您可以：

• 验证购物者输入
• 提示购物者进行确认
• 显示错误或信息框
• 条件化HTML

客户端和服务器上都有一个应用程序处理组件。这是从页面获取点击和数据输入并对其进行处理的代码。此处使用的开发工具是脚本和控制器。

使用这些工具，您可以：

• 向业务流程添加计算和逻辑
• 致电网络服务
• 集成后端系统
• 跨用户共享信息

现在让我们谈谈处理部分。

编码店面页面

店面页面是视觉效果-漂亮的产品，华丽的广告和精心制作的折扣。对于这些，您需要模板，表单定义和资源包（仅基于客户端）。

范本

模板定义了如何将数据和页面信息转换为基于HTML的网页。这些页面使用CSS进行浏览器呈现，使用CSS进行页面布局和样式设计，并使用B2C Commerce表单定义进行数据显示和验证。模板以Internet商店标记语言（ISML）进行编码，可动态生成HTML。它提供了许多预定义的标签（例如，<isif> / <isloop>），并使用了脚本块和表达式。

使用ISML，您可以使用一个模板来显示数千种产品。例如，搜索结果页面以模板定义的图块的行和列显示产品列表。

表格定义

表单定义使您可以控制如何验证客户输入的值并在浏览器上呈现它们。例如，对于表格，您可以指定邮政编码必须以精确的整数序列输入；名称和地址信息必须以字符串形式输入。与ISML一样，B2C Commerce表单定义使用独特的语言并且是专有的。

表单定义存储在墨盒的Forms文件夹中（cartridge / forms / default）。表单架构文件标识允许的元素和属性。表单定义与店面应用程序的显示和处理部分都相互作用。

资源包

您要避免在店面代码中对购物者可见的文本字符串进行硬编码。通过将标题，标签，消息，按钮和字段名称存储在资源包（也称为.properties文件）中来执行此操作。将此文本与显示布局分开可以轻松地出于不同目的更改文本，尤其是在支持不同区域设置时。

处理店面申请

应用程序的处理部分显示，发送，计算或检索从到达到结帐的正确详细信息，所有这些操作均由购物者主动进行。为此，应用程序使用脚本和控制器。

要上载代码，必须使用UX Studio或上载实用程序，例如标准协议webdav。上载实用程序可从GitHub中的B2C Commerce社区存储库中获得。您还可以使用标准的JavaScript工具，包括短绒和静态代码分析工具。

剧本

您可以在UX Studio中本地开发应用程序，但可以在服务器上运行它。JavaScript解释器在应用程序服务器上运行，以处理每个JavaScript类或方法。对于JavaScript解释器而言，脚本调用的源无关紧要。这使您可以灵活选择工具。

B2C Commerce与B2C Commerce脚本API和Open Commerce API（OCAPI）具有一些严肃的应用程序接口（API）。OCAPI是一种RESTful API，可接收HTTP请求并返回响应。请求构造和响应消耗由您决定。

使用B2C Commerce API构建店面用户体验的所有部分。使用OCAPI集成第三方系统，并统一超越Commerce Cloud托管体验的客户旅程。

B2C Commerce Script API支持行业标准：

• Rhino JavaScript（包括ECMAScript 5，Mozilla扩展至JavaScript 1.8和E4X）
• JavaScript 2.0 / ECMA第4版提案和ActionScript提供的可选类型规范支持
• 全局parseInt（String）函数的ECMAScript 5兼容性修补程序

控制器

控制器是处理店面请求的服务器端脚本。控制器协调店面的后端处理，并创建模型和视图的实例，以处理每个店面请求并生成适当的响应。例如，单击类别菜单项或输入搜索词会触发呈现页面的控制器。

控制器使用JavaScript和B2C Commerce脚本编写。控制器的文件扩展名可以是.ds或.js。控制器必须位于墨盒顶部的controllers文件夹中。

您可以将任何IDE与JavaScript编辑器一起使用来开发控制器。

入门

使用此环境开始时，有很多步骤，但可以归结为以下步骤：

1. 在Salesforce B2C Commerce XChange客户门户中注册，以访问Salesforce B2C Commerce支持和开发人员论坛。
2. 从B2C Commerce支持（或LINK合作伙伴计划经理，如果您是LINK合作伙伴开发人员）获得一个沙箱。
3. 下载并安装UX Studio（Eclipse IDE插件），您可以在其中：
   1. 创建一个工作区。
   2. 连接到您的沙盒服务器。
   3. 创建一个新的店面项目。
4. 打开业务管理器，在其中：
   1. 注册您的墨盒。
   2. 将Storefront Reference Architecture数据导入沙箱，以便您可以将其用作起点或代码示例。
   3. 确保禁用页面缓存，以便您可以立即看到所做的更改。
   4. 生成搜索索引，以便搜索在您的应用程序中正常运行。
   5. 查看店面。

LINK合作伙伴

LINK市场是开发人员可以使用第三方软件扩展其站点的地方。

第三方软件提供商加入了Salesforce B2C Commerce LINK技术合作伙伴计划，以针对最新的Commerce Cloud技术验证其墨盒。使用LINK墨盒可实施最具突破性和创新性的电子商务技术。

这些弹药筒准备就绪后，可大大减少实施时间。解决方案很多，其中许多类别如下：

• 付款提供商
• 评分和评论
• 税务地址验证
• 社会个性化