Mobile Web App Development (Building your API)
Download as KEY, PDF5 likes1,016 views
The document discusses building a mobile web app API. It covers topics like data modeling with JSON, retrieving and modifying data through GET and SET requests to the API, adding error checking, using more advanced features like semantic URLs and authentication, and planning the API methods and database structure needed for a project. It encourages attendees to create their own API, set up a database, add sample data, and implement getters and setters to test it out. Code samples are provided for common API tasks.
![http://api.com/set.php?user=2&first_name=Bob
<code/>
___
$user = array(
"id" => 2,
"first_name" => "Syd",
"last_name" => "Lawrence"
);
$user["first_name"] = $_GET["first_name"];
echo json_encode($user);
/****** RESPONSE ******/
{"id":2,"first_name":"Bob","last_name":”Lawrence”}
SIT BACK /
SIT BACK
LISTEN UP
LISTEN UP
MORE INFO: http://sydl.me/gcI2iQ](https://image.slidesharecdn.com/buildinganapi-110309140954-phpapp01/85/Mobile-Web-App-Development-Building-your-API-11-320.jpg)
![http://api.com/get?user=a
<code/>
___
if (!is_int($_GET["user"])) {
$return = array(
"error" => "FAIL! ‘a’ isn’t an integer stooopid!"
);
echo json_encode($return);
}
/****** RESPONSE ******/
{"error":"FAIL! ‘a’ isn’t an integer stooopid!"}
SIT BACK /
SIT BACK
LISTEN UP
LISTEN UP
MORE INFO: http://sydl.me/gcI2iQ](https://image.slidesharecdn.com/buildinganapi-110309140954-phpapp01/85/Mobile-Web-App-Development-Building-your-API-14-320.jpg)
Mobile Web App Development (Building your API)
- 1. MOBILE WEB APP DEVELOPMENT (BUILDING YOUR API) DMD12 BSc 10th March 2011 Syd Lawrence SIT BACK / SIT BACK LISTEN UP LISTEN UP slideshare.net/sydlawrence
- 2. DATA MODEL SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/scarygami/4176834293/
- 3. JSON SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/sabeth718/4975388271/
- 4. DATA RETREIVAL SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/jf1/2178810029/
- 5. GET SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/29503348@N03/4915763648/
- 6. HTTP://API.COM/ GET.PHP?USER=2 SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/29503348@N03/4915763648/
- 7. http://api.com/get.php?user=2 <code/> ___ $user = array( "id" => 2, "first_name" => "Syd", "last_name" => "Lawrence" ); echo json_encode($user); /****** RESPONSE ******/ {"id":2,"first_name":"Syd","last_name":”Lawrence”} SIT BACK / SIT BACK LISTEN UP LISTEN UP MORE INFO: http://sydl.me/gcI2iQ
- 8. DATA MODIFICATION SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/frogdna/4010739111/
- 9. SET SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/deniscollette/5454729294/
- 10. HTTP://API.COM/ SET.PHP?USER=2& FIRST_NAME=BOB SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/29503348@N03/4915763648/
- 11. http://api.com/set.php?user=2&first_name=Bob <code/> ___ $user = array( "id" => 2, "first_name" => "Syd", "last_name" => "Lawrence" ); $user["first_name"] = $_GET["first_name"]; echo json_encode($user); /****** RESPONSE ******/ {"id":2,"first_name":"Bob","last_name":”Lawrence”} SIT BACK / SIT BACK LISTEN UP LISTEN UP MORE INFO: http://sydl.me/gcI2iQ
- 12. ERROR CHECKING SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/celebdu/10200825/
- 13. HTTP://API.COM/ GET.PHP?USER=A SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/29503348@N03/4915763648/
- 14. http://api.com/get?user=a <code/> ___ if (!is_int($_GET["user"])) { $return = array( "error" => "FAIL! ‘a’ isn’t an integer stooopid!" ); echo json_encode($return); } /****** RESPONSE ******/ {"error":"FAIL! ‘a’ isn’t an integer stooopid!"} SIT BACK / SIT BACK LISTEN UP LISTEN UP MORE INFO: http://sydl.me/gcI2iQ
- 15. MORE ADVANCED SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/albertyinyang/292241075/
- 16. SEMANTIC URLS SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/dharmasphere/2277286846/
- 17. HTTP://API.COM/ USER/2 SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/29503348@N03/4915763648/
- 18. AUTHENTICATION SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/mexicanwave/3772804/
- 19. HTTP://API.COM/ USER/2&KEY= {SOME_KEY} SIT BACK / SIT BACK LISTEN UP LISTEN UP http://www.flickr.com/photos/41583504@N03/4797836797/
- 20. A LITTLE TASK DUE TODAY (OPTIONAL BUT PRETTY MUCH ESSENTIAL) With regards to your project. SIT BACK / SIT BACK Plan what API methods you need. LISTEN UP LISTEN UP Plan your database for the server side of the application
- 21. MY PLANNING SIT BACK / SIT BACK LISTEN UP LISTEN UP
- 22. MY PLANNING SIT BACK / SIT BACK LISTEN UP LISTEN UP
- 23. MY PLANNING SIT BACK / SIT BACK LISTEN UP LISTEN UP
- 24. HOW DID YOU DO? SIT BACK / SIT BACK LISTENUP LISTEN UP http://www.flickr.com/photos/annagaycoan/3750144703/
- 25. A LITTLE TASK DUE NEXT WEEK (NOT REALLY THAT OPTIONAL, BUT UP TO YOU IF YOU WANT TO DO IT) Create your API Setup your database Populate with sample data SIT BACK / SIT BACK Create your getters and setters LISTEN UP LISTEN UP Test
- 26. CODE SAMPLES AND CONCEPTS Mobile websites tips & tricks (@fakedarren) Cache Manifest localStorage SIT BACK / SIT BACK Online / Offline Events LISTEN UP LISTEN UP JSONP
Editor's Notes
- #2: \n
- #3: Your database tables\n
- #4: We want to output it to json\n
- #5: Exactly what it says on the tin\n
- #6: Get Data\n
- #7: Get Data\n
- #8: \n
- #9: Get Data\n
- #10: Set Data\n
- #11: Get Data\n
- #12: \n
- #13: Get Data\n
- #14: Get Data\n
- #15: \n
- #16: Get Data\n
- #17: Friendly URLs\n
- #18: Get Data\n
- #19: Get Data\n
- #20: Get Data\n
- #21: \n
- #22: Get Data\n
- #23: Get Data\n
- #24: Get Data\n
- #25: How did you do?\n
- #26: \n
- #27: \n