Salesforce helps companies build a holistic view of their customers. As a result, companies generate more Leads, make more data-driven decisions and multiply their chances of success and growth. But Salesforce customers are not spared from the challenges that come along with the advantages of the platform. These range from Limited Storage Space to exorbitant additional Storage Costs. The silver lining to these problems is External Storage Systems that can be seamlessly integrated with Salesforce.
So, We are going to integrate the most popular Cloud Storage services and World's Biggest CRM Platform. Dropbox with Salesforce integration brings many benefits to large businesses as well as small ones like businesses can offer better customer service while saving time and money – what could be better?
Also Read: API Callouts From Lightning Web Component
Prerequisites
- An active salesforce account
- An active dropbox account
First, we will let you know about the dropbox changes we need to do for Integration.
1. Create DropBox API app in AppConsole.
2. Click on the Create App button.3. Now, You have to check the Scoped Access checkbox.
4. Choose the type of access you want: App Folder or Full Dropbox.
5. Give any Name to your app.
7. Now, You will redirect to the page below:
9. You have to check on the below Scopes:
11. Now, Copy App Key and App Secret from Settings
12. Now, Login to Salesforce and Create a VF Page.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <apex:page controller="dropboxAuthenticationClass" title="Dropbox" action="{!AccessToken}"> | |
| <apex:slds /> | |
| <apex:form id="theForm" > | |
| <apex:pageblock > | |
| <apex:pageMessages ></apex:pageMessages> | |
| <apex:pageBlockButtons location="top"> | |
| <apex:commandButton action="{!DropAuth}" value="Authorize with Dropbox" /> | |
| <apex:commandButton action="{!RefreshAccessToken}" value="Refresh Access Token" /> | |
| </apex:pageBlockButtons> | |
| </apex:pageblock> | |
| </apex:form> | |
| </apex:page> |
13. Copy the VF Page URL (In my case, it is SalesforceBaseUrl/apex/Testdropbox) and go back to Dropbox, and put the URL in Redirect URIs.
14. Now, Create an Apex Class to authenticate with dropbox.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| public class dropboxAuthenticationClass { | |
| public class BaseException extends Exception {} | |
| String code ; | |
| public Boolean AuthComplete{get;set;} | |
| public PageReference DropAuth() | |
| { | |
| String baseUrl = URL.getSalesforceBaseUrl().toExternalForm(); | |
| string clientId ='#####dk76mbau'; | |
| // put your vf page name | |
| string baseUrl = URL.getSalesforceBaseUrl().toExternalForm() + '/apex/vfPageName; | |
| PageReference pg = new PageReference('https://www.dropbox.com/1/oauth2/authorize?response_type=code&&token_access_type=offline&client_id='+ clientId +'&redirect_uri='+baseUrl+'&state=Mytesting') ; | |
| return pg ; | |
| } | |
| public void AccessToken() | |
| { | |
| try{ | |
| code = ApexPages.currentPage().getParameters().get('code') ; | |
| //Get the access token once we have code | |
| if(code != '' && code != null) | |
| { | |
| String errorMessage; | |
| string clientId ='#####dk76mbau'; | |
| string clientSecret = '************'; | |
| // put your vf page name | |
| string baseUrl = URL.getSalesforceBaseUrl().toExternalForm() + '/apex/vfPageName; | |
| //Getting access token from dropbox | |
| String tokenuri = 'https://api.dropbox.com/1/oauth2/token?grant_type=authorization_code&code='+code+'&redirect_uri='+baseUrl; | |
| HttpResponse res = new HttpResponse(); | |
| HttpRequest req = new HttpRequest(); | |
| req.setEndpoint(tokenuri); | |
| req.setMethod('POST'); | |
| req.setTimeout(60*1000); | |
| Blob headerValue = Blob.valueOf( clientId + ':' + clientSecret ); | |
| String authorizationHeader = 'BASIC ' + EncodingUtil.base64Encode(headerValue); | |
| req.setHeader('Authorization', authorizationHeader); | |
| Http h = new Http(); | |
| String resp; | |
| try{ | |
| res = h.send(req); | |
| resp = res.getBody(); | |
| Map<String,object> responseMap =(Map<String,object>)JSON.deserializeUntyped(res.getBody()); | |
| String accessToken = String.valueOf(responseMap.get('access_token')); | |
| String refreshToken = String.valueOf(responseMap.get('refresh_token')); | |
| //store this access and refresh token somewhere to use it | |
| ApexPages.addmessage(new ApexPages.message(ApexPages.severity.Confirm,'Successfully Authenticated with Dropbox!!!')); | |
| }catch(System.Exception e){ | |
| if(String.valueOf(e.getMessage()).startsWith('Unauthorized endpoint')){ | |
| errorMessage = 'Unauthorize endpoint: An Administer must go to Setup -> Administer -> Security Control ->' | |
| +' Remote Site Setting and add '+' '+ tokenuri +' Endpoint'; | |
| createErrorRecord( (res.getStatus() == null ? '':res.getStatus()), errorMessage); | |
| ApexPages.addmessage(new ApexPages.message(ApexPages.severity.ERROR,errorMessage)); | |
| //return null; | |
| }else{ | |
| errorMessage = 'Unexpected Error while communicating with Dropbox API. ' | |
| +'Status '+res.getStatus()+' and Status Code '+res.getStatuscode(); | |
| createErrorRecord( (res.getStatus() == null ? '':res.getStatus()), errorMessage); | |
| ApexPages.addmessage(new ApexPages.message(ApexPages.severity.ERROR,errorMessage)); | |
| //return null; | |
| } | |
| } | |
| } | |
| }catch(System.Exception e){ | |
| createErrorRecord( '', e.getMessage()); | |
| } | |
| } | |
| //this method is used to refesh the Access Token | |
| public static void RefreshAccessToken() | |
| { | |
| string clientId ='#####dk76mbau'; | |
| string clientSecret = '************'; | |
| String refresh_token = '************'; | |
| // put your vf page name | |
| string baseUrl = URL.getSalesforceBaseUrl().toExternalForm() + '/apex/vfPageName; | |
| //Getting access token from google | |
| String errorMessage =''; | |
| String tokenuri = 'https://api.dropbox.com/1/oauth2/token?grant_type=refresh_token&refresh_token='+refresh_token; | |
| HttpResponse httpRes = new HttpResponse(); | |
| Http h = new Http(); | |
| HttpRequest req = new HttpRequest(); | |
| req.setMethod('POST'); | |
| req.setEndpoint(tokenuri); | |
| req.setTimeout(60*1000); | |
| Blob headerValue = Blob.valueOf( clientId + ':' + clientSecret); | |
| String authorizationHeader = 'BASIC ' + EncodingUtil.base64Encode(headerValue); | |
| req.setHeader('Authorization', authorizationHeader); | |
| String resp; | |
| try{ | |
| httpRes = h.send(req); | |
| resp = httpRes.getBody(); | |
| Map<String,object> responseMap =(Map<String,object>)JSON.deserializeUntyped(httpRes.getBody()) ; | |
| String token = String.valueOf(responseMap.get('access_token')); | |
| ApexPages.addmessage(new ApexPages.message(ApexPages.severity.Confirm,'Successfully Authenticated with Dropbox!!!')); | |
| }catch(System.Exception e){ | |
| if(String.valueOf(e.getMessage()).startsWith('Unauthorized endpoint')){ | |
| errorMessage = 'Unauthorize endpoint: An Administer must go to Setup -> Administer -> Security Control ->' | |
| +' Remote Site Setting and add '+' '+ tokenuri +' Endpoint'; | |
| createErrorRecord( (httpRes.getStatus() == null ? '':httpRes.getStatus()), errorMessage); | |
| //ApexPages.addmessage(new ApexPages.message(ApexPages.severity.ERROR,errorMessage)); | |
| //return null; | |
| }else{ | |
| errorMessage = 'Unexpected Error while communicating with Google Drive API. ' | |
| +'Status '+httpRes.getStatus()+' and Status Code '+httpRes.getStatuscode(); | |
| createErrorRecord( (httpRes.getStatus() == null ? '':httpRes.getStatus()), errorMessage); | |
| //ApexPages.addmessage(new ApexPages.message(ApexPages.severity.ERROR,errorMessage)); | |
| //return null; | |
| } | |
| } | |
| } | |
| } |
15. Open the VF page and Click on Authorize with Dropbox button and check you got the response with the 200 status code.
16. Click on the refresh button to refresh the access token again to use it.
Woohoo!!! We have completed all steps to authorize dropbox and Salesforce. Now, You can use any endpoint of dropbox and try to send callouts to dropbox.
Also Read: Uploading File to Dropbox from LWC without Apex
Thanks for reading. Still, if you have any further suggestions, thoughts, and questions, then just make sure to comment down.
Comments