今天我们来尝试在Salesforce上搭建一个‘全球疫情全球疫情趋势列表(排行榜)’,方便一些企业特别是外企能够在Salesforce内实时查看全球疫情趋势。
效果
废话不多说,先来看看效果。主页君将其发布在Salesforce Community 上,大家可以看看
https://trailhead-cn-developer-edition.na112.force.com/s/covid-19-list-01
也可以直接放在Salesforce主页(Home Page)上,有了这个,一些跨国企业可以在Salesforce主页上展示给员工该列表,这样员工每一次登入Salesforce就可以直接查看不同国家的新增确诊案例。
然后我们具体来看看怎么做。
首先,我们的思路是,在Salesforce后台通过实时API拿到全球疫情数据,然后,通过LWC前端展现出来,并且利用官方的一些模块化组建如lightning-datatable,将数据展现给用户。
其次我们需要解决数据源的问题,如何拿到全球确诊准确实时的数据是非常关键。我们可以调用Postman的一个API,直接Get就可以了,API End Point为https://api.covid19api.com/summary
之后我们需要分析接口,拿到的数据是分到‘国家’,并且显示了‘新增确诊’,‘累积确诊’等数据,如美国的情况,我们可以将其直接转换到lightning-datatable的格式。
{
"Country": "United States of America",
"CountryCode": "US",
"Slug": "united-states",
"NewConfirmed": 32129,
"TotalConfirmed": 275582,
"NewDeaths": 1161,
"TotalDeaths": 7087,
"NewRecovered": 0,
"TotalRecovered": 0,
"Date": "2020-04-05T06:37:00Z"
}
关于API的其他参考资料,大家可以参考Postman的文档:
https://documenter.getpostman.com/view/10808728/SzS8rjbc?version=latest
然后我们可以在Apex Class,通过HttpRequest 调用其API。
public without sharing class Covid19TrackerController {
@AuraEnabled(continuation=true cacheable = true)
public static Map<String, Object> getCov19Data(){
Map<String, Object> results = new Map<String, Object> ();
Http http = new Http();
HttpRequest request = new HttpRequest();
request.setEndpoint('https://api.covid19api.com/summary');
request.setMethod('GET');
HttpRespons