Skip to content

Commit

Permalink
added hackbook example
Browse files Browse the repository at this point in the history
  • Loading branch information
stevengill committed Mar 12, 2012
1 parent 0d76ca9 commit 62adb56
Show file tree
Hide file tree
Showing 22 changed files with 20,177 additions and 5 deletions.
2 changes: 1 addition & 1 deletion README.md
Expand Up @@ -110,7 +110,7 @@ NOTE: If you are having problems with SBJSON conflicts, download the latest vers

1. Create a basic PhoneGap iOS application. See http://www.phonegap.com/start/#ios-x4
2. From the **PhoneGap Facebook Connect Plugin** folder copy the contents of the **native/ios** folder into your app in Xcode (usually in the **Plugins** folder group). Make sure it is added as a "group" (yellow folder)
3. Modify the **APP\_SECRET** value in **FacebookConnectPlugin.m** with your Facebook app's **APP\_SECRET**
SKIP -> 3. Modify the **APP\_SECRET** value in **FacebookConnectPlugin.m** with your Facebook app's **APP\_SECRET**
4. Find the PhoneGap.plist file in the project navigator, expand the "Plugins" sub-tree, and add a new entry. For the key, add **com.phonegap.facebook.Connect**, and its value will be **FacebookConnectPlugin**
5. From the **PhoneGap Facebook Connect Plugin** folder copy the contents of the **www** folder into the **www** directory in Xcode (don't forget to add script tags in your index.html to reference any .js files copied over)
6. for Xcode 4, you will need to build it once, and heed the warning - this is an Xcode 4 template limitation. The warning instructions will tell you to drag copy the **www** folder into the project in Xcode (add as a **folder reference** which is a blue folder).
Expand Down
57 changes: 57 additions & 0 deletions example/HackBook/README
@@ -0,0 +1,57 @@
--------
LICENSE
--------
Copyright 2010 Facebook, Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may
not use this file except in compliance with the License. You may obtain
a copy of the License at

http:www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations
under the License.


--------
LIVE DEMO
--------
http://www.fb.me/fbhackbook


--------
INSTALLING
--------
- Create Facebook application at http://developers.facebook.com/apps and set Application Settings
- Change gAppID in js/_config.js
- In all files, replace "http://apps.facebook.com/mobile-start/" with the Canvas URL you entered in Application Settings
- In all files, replace "http://www.facebookmobileweb.com/hackbook/" with the Canvas URL you entered in Application Settings
- Upload files to your server
- Visit the URL where you uploaded the files

Note: Credits will not work out of the box since it requires server-side integration. See the docs at https://developers.facebook.com/docs/creditsapi/ for a tutorial that describes setting up Credits.


--------
DOCUMENTATION
--------
All documentation is at https://developers.facebook.com/docs/mobile/web/build/


--------
RESOURCES
--------
- There are a large amount of comments in the HTML and Javascript files. It's highly recommended that you poke around those files.
- console.log() (http://getfirebug.com/logging) statements are scattered throughought all of the example. You can view these in Firebug, iPhone Safari, Android, Chrome, etc. See below for more info.
- Debugging in iPhone Safari: http://developer.apple.com/library/safari/#documentation/appleapplications/Conceptual/Safari_Developer_Guide/DebuggingYourWebsite/DebuggingYourWebsite.html
- Debugging in Android Web Browser: http://developer.android.com/guide/webapps/debugging.html
- Debugging in Chrome: http://www.google.com/chrome/intl/en/webmasters-faq.html#testrender
- Debugging in Safari (desktop): http://mactips.info/2010/07/use-safari-5s-web-inspector
- Debugging in Firefox: http://getfirebug.com/
- Debuging in Internet Exploer: http://msdn.microsoft.com/en-us/library/dd565628(v=vs.85).aspx
- Debugging devices remotely : http://pmuellr.github.com/weinre/
- File bugs at http://bugs.developers.facebook.net/
- See the health of Facebook Platform at https://developers.facebook.com/live_status

0 comments on commit 62adb56

Please sign in to comment.