Force.com Canvas - a Quick Introduction

13,026 views

Published on

A quick walk through of the basics of using the new Canvas integration mechanism.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
13,026
On SlideShare
0
From Embeds
0
Number of Embeds
1,010
Actions
Shares
0
Downloads
180
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Force.com Canvas - a Quick Introduction

  1. 1. Force.com Canvas“With the Force.com Canvas SDK, you cannow integrate your Web app with thetrusted salesforce.com platform: Yourlanguage, your code.” – From SalesforceMarketing MaterialPresented by Steven Herod to Sydney SalesforceDevelopers Group 17th April 2013
  2. 2. About MeI work for Cloud Sherpas as a TechnicalArchitect.@sherod on Twitterhttp://limitexception.herod.net
  3. 3. What can it do?• Connect a compatible web application runninganywhere to your Salesforce org.• Allow your app to interact with your Salesforce org asthe logged in user– Using backend code and the SOAP/REST APIs– Using Javascript + REST API• Display your web app in– Chatter page– VisualForce Page• Tab• Page Layout• Stand alone
  4. 4. Why would you use it• You are an independent ISV or a Companywith a complex web application alreadyrunning outside of the Force.com Platformthat you want to expose to Salesforce userseasily and securely.• You have data residency requirements andyou want a way to combine Salesforce withinformation that cannot leave your premises
  5. 5. Supported Browsers• Mozilla® Firefox® (preferred)• Google Chrome™• Microsoft® Internet Explorer® version 8• Apple® Safari® (be sure to set the BlockCookies setting to Never)
  6. 6. Getting it• In Pilot since Winter ‘12• Available in new Developer Edition orgs• Ask support to enable it in existing orgs.• Becomes Generally Available in Summer 13(May-June 2013).
  7. 7. The components of Canvas• To securely pass the users identity to your APPSSL(TLS)/HMAC/SHA• The capabilities of your browser to do the CrossDomain Javascript / etcYour Browser• How your app gets embedded into SalesforceJavaScript/IFRAME• REST / SOAP for getting back to Salesforce dataSalesforce APIs• Javascript API with helpful stuff• Kickstart Java Web ApplicationCanvas SDK
  8. 8. DEMO
  9. 9. SETUP OF THE CANVAS APP ONSALESFORCE
  10. 10. The Apps definition in Salesforce
  11. 11. The Apps definition in Salesforce
  12. 12. WHAT IT LOOKS LIKE ONCEEMBEDDED
  13. 13. NoteThis demo is a bit tongue in cheek.To make this really obvious I’m usingthe Geocities theme for Bootstrap!http://divshot.github.io/geo-bootstrap/http://twitter.github.io/bootstrap/
  14. 14. Embedded within Chatter Page
  15. 15. Canvas full screen in a VF Page
  16. 16. Canvas in Complex VF Page
  17. 17. Message back to SF using Javascript
  18. 18. Embedded in a Page Layout
  19. 19. Canvas App kicked off from Button
  20. 20. NOW THE CANVAS APPThis uses Josh Birks PHP-Canvas Sample from Github
  21. 21. First, verify the request
  22. 22. Once verified, now deserialize
  23. 23. And put the information passed toyour app to work
  24. 24. Finding the Code• Javascript SDK– Connects apps at the UI level (via your Browser)– https://github.com/forcedotcom/SalesforceCanvasJavascriptSDK• Sample Java App for Heroku– https://github.com/forcedotcom/SalesforceCanvasFrameworkSDK• Sample PHP app (By Josh Birk)– https://github.com/joshbirk/Canvas-PHP

×