Canvas Developer Guide
jNewer Version Available
Initiating OAuth Flow
The following code examples show you how to start the authorization process in your canvas app using OAuth.
1<html>
2<head>
3 <script type="text/javascript" src="/sdk/js/canvas-all.js"></script>
4</head>
5<body>
6 <script>
7
8 function loginHandler(e) {
9 var uri;
10 if (! Sfdc.canvas.oauth.loggedin()) {
11 uri = Sfdc.canvas.oauth.loginUrl();
12 Sfdc.canvas.oauth.login(
13 {uri : uri,
14 params: {
15 response_type : "token",
16 client_id : "3MVG9lKcPoNINVBLigmW.8dAn4L5HwY VBzxbW5FFdzvU0re2
17 f7o9aHJNUpY9ACdh.3SUgw5rF2nSsC9_cRqzD",
18 redirect_uri : encodeURIComponent(
19 "https://demoapp1234.herokuapp.com/sdk/callback.html")
20 }});
21 }
22 else {
23 Sfdc.canvas.oauth.logout();
24 login.innerHTML = "Login";
25 Sfdc.canvas.byId("oauth").innerHTML = "";
26 }
27 return false;
28 }
29
30 // Bootstrap the page once the DOM is ready.
31 Sfdc.canvas(function() {
32 // On Ready...
33 var login = Sfdc.canvas.byId("login"),
34 loggedIn = Sfdc.canvas.oauth.loggedin(),
35 token = Sfdc.canvas.oauth.token()
36 login.innerHTML = (loggedIn) ? "Logout" : "Login";
37 if (loggedIn) {
38 // Only displaying part of the OAuth token for better formatting.
39 Sfdc.canvas.byId("oauth").innerHTML = Sfdc.canvas.oauth.token()
40 .substring(1,40) + "…";
41 }
42 login.onclick=loginHandler;
43 });
44 </script>
45 <h1 id="header">Canvas OAuth App</h1>
46 <div>
47 access_token = <span id="oauth"></span>
48 </div>
49 <div>
50 <a id="login" href="#">Login</a><br/>
51 </div>
52</body>
53</html>