Lightning時代のレポート ダッシュボード & Flow 最前線
2 likes654 views
This document provides an overview of the Lightning platform on Salesforce and demonstrates its capabilities. It discusses Lightning components, how they can be used to build applications with no code or powerful code using Apex and JavaScript. It also demonstrates how to integrate Lightning components with external APIs using CORS and Swagger/Open API documentation. The document concludes with a demo of Lightning components in action.
![<aura:component
implements="flexipage:availableForAllPageTypes,lightning:availableFo
rFlowActions,lightning:availableForFlowScreens">
<aura:attribute name="jsonArray" type="Object[]"/>
<aura:handler name="init" value="{!this}" action="{!c.invoke}" />
<table class="slds-table slds-table--bordered">
<tbody>
<aura:iteration items="{!v.jsonArray}" var="row">
<tr>
<td> {!row.id}</td>
<td> {!row.name}</td>
<td> {!row.type}</td>
</tr>
</aura:iteration>
</tbody>
</table>
</aura:component>
({
invoke : function(component, event, helper) {
var args = event.getParam("arguments");
return new Promise(function(resolve, reject) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = $A.getCallback(function() {
if (this.readyState === 4) { // DONE
if (this.status >= 200 && this.status < 300) {
var response = JSON.parse(xhttp.responseText);
component.set("v.jsonArray", response);
resolve();
} else {
var errorText = "";
if (this.status === 0) {errorText = 'Request has been terminatednPossible causes: the network is
offline, Origin is not allowed by Access-Control-Allow-Origin, the page is being unloaded, etc.’;}
else {errorText = this.statusText;}
reject(new Error("ERROR"));}
}
});
xhttp.open("GET", "https://immense-cove-13692.herokuapp.com/api/order/list", true);
xhttp.send(null);
});
}
})](https://image.slidesharecdn.com/20180913lightningreportdashboardflow-180921010216/85/Lightning-Flow-32-320.jpg)
![Lightning
Swagger / Open API 2.0 REST
GA
[Swagger/Open API ]
RESTful API
JSON/YAML
REST
①● Interagent
● Swagger/Open API
2.0
②
API
③ APEX](https://image.slidesharecdn.com/20180913lightningreportdashboardflow-180921010216/85/Lightning-Flow-34-320.jpg)
![[ ] Swagger / Open API
• RESTful API API
Open API Initiative OSS
API
https://swagger.io
https://www.openapis.org
• Swagger / Open API
API API API
API](https://image.slidesharecdn.com/20180913lightningreportdashboardflow-180921010216/85/Lightning-Flow-35-320.jpg)
Lightning時代のレポート ダッシュボード & Flow 最前線
- 3. • L • • •
- 7. L
- 8. L • t • h • i • h L h ng
- 9. M E E E M E
- 11. [ [ [
- 12. !
- 13. L E E L
- 17. -5 1-0 T fb L a dE_ T Ege c ( -5 1-0 - 1 /1 / 9 - 1/ / 1- 1 1 -:0 0- . - 0 - 1 -:0 9- 1 5: 9-:- 1 5 :5: ) 1 51:/1 E_ T c ( -5 1-0 - 1 /1 / 9 - 9 0 1 1 59 191: - 5 : 1 0 - . - 0
- 18. F 2 L H G F 2 : 6/ / : /: 2 . . 7 2 . 5 2 7
- 21. Platform Specialist, Solution Engineering SE à Java/SOA/BPM à à Sax
- 22. • Lightning • Lightning Salesforce
- 25. 2
- 27. Summer ’18 Lightning ●● ● ● ● ●
- 28. GA
- 29. Lightning GA
- 30. GA Salesforce
- 31. OS GA Web
- 32. <aura:component implements="flexipage:availableForAllPageTypes,lightning:availableFo rFlowActions,lightning:availableForFlowScreens"> <aura:attribute name="jsonArray" type="Object[]"/> <aura:handler name="init" value="{!this}" action="{!c.invoke}" /> <table class="slds-table slds-table--bordered"> <tbody> <aura:iteration items="{!v.jsonArray}" var="row"> <tr> <td> {!row.id}</td> <td> {!row.name}</td> <td> {!row.type}</td> </tr> </aura:iteration> </tbody> </table> </aura:component> ({ invoke : function(component, event, helper) { var args = event.getParam("arguments"); return new Promise(function(resolve, reject) { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = $A.getCallback(function() { if (this.readyState === 4) { // DONE if (this.status >= 200 && this.status < 300) { var response = JSON.parse(xhttp.responseText); component.set("v.jsonArray", response); resolve(); } else { var errorText = ""; if (this.status === 0) {errorText = 'Request has been terminatednPossible causes: the network is offline, Origin is not allowed by Access-Control-Allow-Origin, the page is being unloaded, etc.’;} else {errorText = this.statusText;} reject(new Error("ERROR"));} } }); xhttp.open("GET", "https://immense-cove-13692.herokuapp.com/api/order/list", true); xhttp.send(null); }); } })
- 33. • Lightning • CSP URL • Web CORS (Cross-Origin Resource Sharing) // API app.get("/api/order/list", function(req, res, next){ res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS'); res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X- Requested-With'); res.json(orderList); }); Node.js CORS
- 34. Lightning Swagger / Open API 2.0 REST GA [Swagger/Open API ] RESTful API JSON/YAML REST ①● Interagent ● Swagger/Open API 2.0 ② API ③ APEX
- 35. [ ] Swagger / Open API • RESTful API API Open API Initiative OSS API https://swagger.io https://www.openapis.org • Swagger / Open API API API API API
- 37. Salesforce
- 39. Salesforce Salesforce ● 5 ○ ○ ○ ○ ○ ● ● ● ● ● / ● / ● ● / ● Lightning Community Lightning ● Salesforce ● APEX ● Salesforce
- 40. Salesforce c o u g a c S ylpr +/ 2 / 36 644 52 c # s vEiC + 3/ 36 644 52 c em ylpr a 1 5 /A c t d h x 644 52 c c cn x 644 52 c c cn 644 52 c
- 41. Salesforce DEMO
- 42. • Lightning • • • Salesforce • Salesforce CRM /
- 43. • Lightning • Lightning Flow Developer Center • https://developer.salesforce.com/developer-centers/lightning-flow/ • Use Lightning Components with Flows • https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_using_flow.htm • Salesforce • Salesforce • https://help.salesforce.com/articleView?id=concept_salesforce_surveys.htm&type=5