├── CONTRIBUTING.md
├── README.md
└── index.html


/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # How to become a contributor and submit your own code
 2 | 
 3 | ## Contributor License Agreements
 4 | 
 5 | We'd love to accept your sample apps and patches! Before we can take them, we 
 6 | have to jump a couple of legal hurdles.
 7 | 
 8 | Please fill out either the individual or corporate Contributor License Agreement
 9 | (CLA).
10 | 
11 |   * If you are an individual writing original source code and you're sure you
12 |     own the intellectual property, then you'll need to sign an [individual CLA]
13 |     (http://code.google.com/legal/individual-cla-v1.0.html).
14 |   * If you work for a company that wants to allow you to contribute your work,
15 |     then you'll need to sign a [corporate CLA]
16 |     (http://code.google.com/legal/corporate-cla-v1.0.html).
17 | 
18 | Follow either of the two links above to access the appropriate CLA and
19 | instructions for how to sign and return it. Once we receive it, we'll be able to
20 | accept your pull requests.
21 | 
22 | ## Contributing A Patch
23 | 
24 | 1. Sign a Contributor License Agreement, if you have not yet done so (see
25 |    details above).
26 | 1. Create your change to the repo in question.
27 |     * Fork the desired repo, develop and test your code changes.
28 |     * Ensure that your code is clear and comprehensible.
29 |     * Ensure that your code has an appropriate set of unit tests which all pass.
30 | 1. Submit a pull request.
31 | 1. The repo owner will review your request. If it is approved, the change will
32 |    be merged. If it needs additional work, the repo owner will respond with
33 |    useful comments.
34 | 
35 | ## Contributing A New Sample App
36 | 
37 | 1. Sign a Contributor License Agreement, if you have not yet done so (see
38 |    details above).
39 | 1. Create your own repo for your app following this naming convention:
40 |     * gplus-{app-name}-{language}
41 |     * apps: quickstart, photohunt-server, photohunt-client
42 |     * example:  gplus-quickstart-android
43 |     * For multi-language apps, concatenate the primary languages like this:
44 |       gplus-photohunt-server-java-python.
45 | 
46 | 1. Create your sample app in this repo.
47 |     * Be sure to clone the README.md, CONTRIBUTING.md and LICENSE files from the
48 |       googleplus repo.
49 |     * Ensure that your code is clear and comprehensible.
50 |     * Ensure that your code has an appropriate set of unit tests which all pass.
51 |     * Instructional value is the top priority when evaluating new app proposals for
52 |       this collection of repos.
53 | 1. Submit a request to fork your repo in googleplus organization.
54 | 1. The repo owner will review your request. If it is approved, the sample will
55 |    be merged. If it needs additional work, the repo owner will respond with 
56 |    useful comments.
57 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## Google+ JavaScript Quickstart
2 | 
3 | The instructions for getting started are available at:
4 | https://developers.google.com/+/quickstart/javascript
5 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!--
  2 | 
  3 | /*
  4 |  *
  5 |  * Copyright 2015 Google Inc.
  6 |  *
  7 |  * Licensed under the Apache License, Version 2.0 (the "License");
  8 |  * you may not use this file except in compliance with the License.
  9 |  * You may obtain a copy of the License at
 10 |  *
 11 |  *     http://www.apache.org/licenses/LICENSE-2.0
 12 |  *
 13 |  * Unless required by applicable law or agreed to in writing, software
 14 |  * distributed under the License is distributed on an "AS IS" BASIS,
 15 |  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 16 |  * See the License for the specific language governing permissions and
 17 |  * limitations under the License.
 18 |  */
 19 | 
 20 | -->
 21 | 
 22 | <!DOCTYPE html>
 23 | <html>
 24 | <head>
 25 |   <title>Google+ JavaScript Quickstart</title>
 26 |   <!-- JavaScript specific to this application that is not related to API
 27 |      calls -->
 28 |   <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" ></script>
 29 |   <meta name="google-signin-client_id" content="YOUR_CLIENT_ID"></meta>
 30 | </head>
 31 | <body>
 32 |   <div id="gConnect">
 33 |     <div id="signin-button"></div>
 34 |   </div>
 35 |   <div id="authOps" style="display:none">
 36 |     <h2>User is now signed in to the app using Google+</h2>
 37 |     <button id="signOut" onclick="auth2.signOut()">Sign Out</button>
 38 |     <p>If the user chooses to disconnect, the app must delete all stored
 39 |     information retrieved from Google for the given user.</p>
 40 |     <button id="disconnect" >Disconnect your Google account from this app</button>
 41 | 
 42 |     <h2>User's profile information</h2>
 43 |     <div id="profile"></div>
 44 | 
 45 |     <h2>User's friends that are visible to this app</h2>
 46 |     <div id="visiblePeople"></div>
 47 | 
 48 |     <h2>Authentication Logs</h2>
 49 |     <pre id="authResult"></pre>
 50 |   </div>
 51 |   <div id="loaderror">
 52 |     This section will be hidden by jQuery. If you can see this message, you
 53 |     may be viewing the file rather than running a web server.<br />
 54 |     The sample must be run from http or https. See instructions at
 55 |     <a href="https://developers.google.com/+/quickstart/javascript">
 56 |     https://developers.google.com/+/quickstart/javascript</a>.
 57 |   </div>
 58 | <script type="text/javascript">
 59 | var auth2 = {};
 60 | var helper = (function() {
 61 |   return {
 62 |     /**
 63 |      * Hides the sign in button and starts the post-authorization operations.
 64 |      *
 65 |      * @param {Object} authResult An Object which contains the access token and
 66 |      *   other authentication information.
 67 |      */
 68 |     onSignInCallback: function(authResult) {
 69 |       $('#authResult').html('Auth Result:<br/>');
 70 |       for (var field in authResult) {
 71 |         $('#authResult').append(' ' + field + ': ' +
 72 |             authResult[field] + '<br/>');
 73 |       }
 74 |       if (authResult.isSignedIn.get()) {
 75 |         $('#authOps').show('slow');
 76 |         $('#gConnect').hide();
 77 |         helper.profile();
 78 |         helper.people();
 79 |       } else {
 80 |           if (authResult['error'] || authResult.currentUser.get().getAuthResponse() == null) {
 81 |             // There was an error, which means the user is not signed in.
 82 |             // As an example, you can handle by writing to the console:
 83 |             console.log('There was an error: ' + authResult['error']);
 84 |           }
 85 |           $('#authResult').append('Logged out');
 86 |           $('#authOps').hide('slow');
 87 |           $('#gConnect').show();
 88 |       }
 89 | 
 90 |       console.log('authResult', authResult);
 91 |     },
 92 | 
 93 |     /**
 94 |      * Calls the OAuth2 endpoint to disconnect the app for the user.
 95 |      */
 96 |     disconnect: function() {
 97 |       // Revoke the access token.
 98 |       auth2.disconnect();
 99 |     },
100 | 
101 |     /**
102 |      * Gets and renders the list of people visible to this app.
103 |      */
104 |     people: function() {
105 |       gapi.client.plus.people.list({
106 |         'userId': 'me',
107 |         'collection': 'visible'
108 |       }).then(function(res) {
109 |         var people = res.result;
110 |         $('#visiblePeople').empty();
111 |         $('#visiblePeople').append('Number of people visible to this app: ' +
112 |             people.totalItems + '<br/>');
113 |         for (var personIndex in people.items) {
114 |           person = people.items[personIndex];
115 |           $('#visiblePeople').append('<img src="' + person.image.url + '">');
116 |         }
117 |       });
118 |     },
119 | 
120 |     /**
121 |      * Gets and renders the currently signed in user's profile data.
122 |      */
123 |     profile: function(){
124 |       gapi.client.plus.people.get({
125 |         'userId': 'me'
126 |       }).then(function(res) {
127 |         var profile = res.result;
128 |         console.log(profile);
129 |         $('#profile').empty();
130 |         $('#profile').append(
131 |             $('<p><img src=\"' + profile.image.url + '\"></p>'));
132 |         $('#profile').append(
133 |             $('<p>Hello ' + profile.displayName + '!<br />Tagline: ' +
134 |             profile.tagline + '<br />About: ' + profile.aboutMe + '</p>'));
135 |         if (profile.emails) {
136 |           $('#profile').append('<br/>Emails: ');
137 |           for (var i=0; i < profile.emails.length; i++){
138 |             $('#profile').append(profile.emails[i].value).append(' ');
139 |           }
140 |           $('#profile').append('<br/>');
141 |         }
142 |         if (profile.cover && profile.coverPhoto) {
143 |           $('#profile').append(
144 |               $('<p><img src=\"' + profile.cover.coverPhoto.url + '\"></p>'));
145 |         }
146 |       }, function(err) {
147 |         var error = err.result;
148 |         $('#profile').empty();
149 |         $('#profile').append(error.message);
150 |       });
151 |     }
152 |   };
153 | })();
154 | 
155 | /**
156 |  * jQuery initialization
157 |  */
158 | $(document).ready(function() {
159 |   $('#disconnect').click(helper.disconnect);
160 |   $('#loaderror').hide();
161 |   if ($('meta')[0].content == 'YOUR_CLIENT_ID') {
162 |     alert('This sample requires your OAuth credentials (client ID) ' +
163 |         'from the Google APIs console:\n' +
164 |         '    https://code.google.com/apis/console/#:access\n\n' +
165 |         'Find and replace YOUR_CLIENT_ID with your client ID.'
166 |     );
167 |   }
168 | });
169 | 
170 | /**
171 |  * Handler for when the sign-in state changes.
172 |  *
173 |  * @param {boolean} isSignedIn The new signed in state.
174 |  */
175 | var updateSignIn = function() {
176 |   console.log('update sign in state');
177 |   if (auth2.isSignedIn.get()) {
178 |     console.log('signed in');
179 |     helper.onSignInCallback(gapi.auth2.getAuthInstance());
180 |   }else{
181 |     console.log('signed out');
182 |     helper.onSignInCallback(gapi.auth2.getAuthInstance());
183 |   }
184 | }
185 | 
186 | /**
187 |  * This method sets up the sign-in listener after the client library loads.
188 |  */
189 | function startApp() {
190 |   gapi.load('auth2', function() {
191 |     gapi.client.load('plus','v1').then(function() {
192 |       gapi.signin2.render('signin-button', {
193 |           scope: 'https://www.googleapis.com/auth/plus.login',
194 |           fetch_basic_profile: false });
195 |       gapi.auth2.init({fetch_basic_profile: false,
196 |           scope:'https://www.googleapis.com/auth/plus.login'}).then(
197 |             function (){
198 |               console.log('init');
199 |               auth2 = gapi.auth2.getAuthInstance();
200 |               auth2.isSignedIn.listen(updateSignIn);
201 |               auth2.then(updateSignIn);
202 |             });
203 |     });
204 |   });
205 | }
206 | </script>
207 | <script src="https://apis.google.com/js/client:platform.js?onload=startApp"></script>
208 | </body>
209 | </html>
210 | 


--------------------------------------------------------------------------------