lwc 开发一个Salesforce标准关注按钮

lwc是Salesforce的新一代基于ES6的组件库，在它们的CRM系统上普遍应用于Lightning框架。 由于项目需要，我需要开发一个和它们标准关注按钮一样的按钮，尽可能实现一样的效果。

既然是已经有的标准按钮，那么我们可以先看一下它的行为。 在关注之前，这个按钮长这样。

关注之后，按钮的背景色消失，在发生hover（mouseover）事件之后，按钮的文字、图标都发生变化。 样式上大致明白了，在开发者模式下，把两种状态下的按钮样式记录下来（因为是标准按钮我们可以直接借鉴官方样式，不用自己写） 关注前：slds-button slds-button--neutral not-selected slds-not-selected uiButton 关注后：slds-button slds-button--neutral is-selected slds-is-selected uiButton

接下来就是按钮的逻辑coding。 首先我们要知道在salesforce系统里，“关注”是什么用途、怎么实现的。 略微查阅了官方文档之后，我得知，关注基本上是用于chatter、record、user等一众功能的状态follow。基本上等于微博、微信等的关注逻辑。 比如我们关注一个记录之后，在chatter tab内部，我们可以看到这个记录发生的变化等等： 知道了Follow的逻辑，之后验证按钮逻辑就知道如何验证了。接下来是代码级别的实现。 同样的，在salesforce apex develop文档内，我们可以找到如何用Apex关注、解除关注一个record： 关注：

解关：

当然官方文档上就只有这两个简单的示例代码，我们需要找到SFDB中保存关注关系的数据结构，再深入查找一下，果然，它藏在文档的另一处地方😆：

订阅实体： EntitySubscription

好了，万事俱备，只欠东风，我们开始构造自己的关注按钮

首先我们构造一个lwc组件，目前lwc组件是不能在salesforce自带的开发工具中开发、查阅的。因此我们需要用到在ide中创建。（目前比较流行的是vscode的官方开发者工具和sublime上的haoide）

创建一个followButton组件。 在html文件中，写入一下代码：