Parse. Jamie Karraker 12 MEng 13

Size: px

Start display at page:

Download "Parse. Jamie Karraker 12 MEng 13"

Coleen Phelps
5 years ago
Views:

1 Parse Jamie Karraker 12 MEng 13

2 Database

3 + Z ZZ Database REST API

4 + Z ZZ + + users + security Database REST API Server

5 + Z ZZ + + users + security Database REST API Server Networking

6 + Z ZZ + + users + security Database REST API Server + Networking Caching

7 + Z ZZ + + users + security Database REST API Server Networking + + Caching The fun stuff!

8 no no no + Z ZZ + + users + security Database REST API Server no yes! + + Networking no Caching The fun stuff!

9 JavaScript SDK ios Android OS X WP8 Win 8.NET Unity REST

10 DOCS parse.com/docs

11 USERS The in your app

12 Sign up a user Parse.User.signUp("TimBeaver", "ihtfp");

13 Sign up a user Parse.User.signUp("TimBeaver", "ihtfp"); Log in a user Parse.User.logIn("TimBeaver", "ihtfp");

14 Sign up a user Parse.User.signUp("TimBeaver", "ihtfp", { success: function(user) { // Do stuff after successful signup. }, error: function(user, error) { // The login failed. Check error to see why. } }); Log in a user Parse.User.logIn("TimBeaver", "ihtfp", { success: function(user) { // Do stuff after successful login. }, error: function(user, error) { // The login failed. Check error to see why. } });

15 Facebook Login Parse.FacebookUtils.logIn(null, { success: function(user) { if (!user.existed()) { // User signed up and logged in through Facebook! } else { // User logged in through Facebook! } }, error: function(user, error) { // User cancelled the Facebook login or did not fully authorize. } });

16 Facebook Login Parse.FacebookUtils.logIn(null, { success: function(user) { if (!user.existed()) { // User signed up and logged in through Facebook! } else { // User logged in through Facebook! } }, error: function(user, error) { // User cancelled the Facebook login or did not fully authorize. } }); Link Existing User if (!Parse.FacebookUtils.isLinked(user)) { Parse.FacebookUtils.link(user, null, { success: function(user) { // Woohoo, user logged in with Facebook! }, error: function(user, error) { // User cancelled the Facebook login or did not fully authorize. } }); }

17 Saving stuff in the DATA

19 var GameScore = Parse.Object.extend("GameScore"); var gamescore = new GameScore();

20 var GameScore = Parse.Object.extend("GameScore"); var gamescore = new GameScore(); gamescore.set("score", 1337); gamescore.set("player", Parse.User.current()); gamescore.set("cheatmode", false);

21 var GameScore = Parse.Object.extend("GameScore"); var gamescore = new GameScore(); gamescore.set("score", 1337); gamescore.set("player", Parse.User.current()); gamescore.set("cheatmode", false); gamescore.save();

22 var GameScore = Parse.Object.extend("GameScore"); var gamescore = new GameScore(); gamescore.set("score", 1337); gamescore.set("player", Parse.User.current()); gamescore.set("cheatmode", false); gamescore.save();

23 FILES Saving your Pictures in the

25 HTML <input type="file" id="profilephotofileupload">

26 HTML <input type="file" id="profilephotofileupload"> Save a File var file = $("#profilephotofileupload")[0].files[0]; var name = "photo.jpg"; var parsefile = new Parse.File(name, file); parsefile.save(null, { success: function(parsefile) { profileobject.set("photofile", parsefile); profileobject.save(); } });

27 HTML <input type="file" id="profilephotofileupload"> Retrieve a File Save a File var profilephoto = profileobject.get("photofile"); $("#profileimg")[0].src = profilephoto.url(); var file = $("#profilephotofileupload")[0].files[0]; var name = "photo.jpg"; var parsefile = new Parse.File(name, file); parsefile.save(null, { success: function(parsefile) { profileobject.set("photofile", parsefile); profileobject.save(); } });

28 DATA BROWSER Because sometimes you just want to see your data

30 QUERIES Getting stuff from the

32 var query = new Parse.Query("GameScore");

33 var query = new Parse.Query("GameScore"); query.equalto("player", Parse.User.current());

34 var query = new Parse.Query("GameScore"); query.equalto("player", Parse.User.current()); query.find();

35 var query = new Parse.Query( GameScore"); query.equalto("player", Parse.User.current()); query.find({ success: function(gamescores) { // Do something with the returned Parse.Object array }, error: function(error) { alert("error: " + error.code + " " + error.message); } });

36 RELATIONS It s better together

38 var user = Parse.User.current();

39 var user = Parse.User.current(); var gamescore = new GameScore();

40 var user = Parse.User.current(); var gamescore = new GameScore(); gamescore.set("player", user);

42 var user = Parse.User.current();

43 var user = Parse.User.current(); var relation = user.relation("friends");

44 var user = Parse.User.current(); var relation = user.relation("friends"); relation.add(newfriend);

45 var user = Parse.User.current(); var relation = user.relation("friends"); relation.add(newfriend); relation.add(anotherfriend);

46 var user = Parse.User.current(); var relation = user.relation("friends"); relation.add(newfriend); relation.add(anotherfriend); user.save();

47 CLOUD CODE It s code in the

48 Before Save Parse.Cloud.beforeSave("Review", function(request, response) { var comment = request.object.get("comment"); if (comment.length > 140) { // Truncate and add a... request.object.set("comment", comment.substring(0, 137) + "..."); } response.success(); });

49 Before Save Parse.Cloud.beforeSave("Review", function(request, response) { var comment = request.object.get("comment"); if (comment.length > 140) { // Truncate and add a... request.object.set("comment", comment.substring(0, 137) + "..."); } response.success(); }); After Save Parse.Cloud.afterSave("Review", function(request) { query = new Parse.Query("Movie"); query.get(request.object.get("movie").id, { success: function(movie) { movie.increment("reviews"); movie.save(); } }); });

50 Cloud Modules

51 Cloud Modules

$create({ amount: 100 * 10, // $10 expressed in cents currency: "usd", card: "tok_3tnivhev9p24t0" // stripe$

52 Cloud Modules Stripe var Stripe = require('stripe'); Stripe.initialize('mySecretKey'); Stripe.Charges.create({ amount: 100 * 10, // $10 expressed in cents currency: "usd", card: "tok_3tnivhev9p24t0" // stripe token id });

53 PARSE HOSTING Overview Static Hosting Dynamic Hosting Any Meme Lite Example

54 The Spectrum

55 The Spectrum

56 The Spectrum PARSE HOSTING

57 Static Hosting

58 Static Hosting Choose a domain: myapp.parseapp.com (or custom)

59 Static Hosting Choose a domain: myapp.parseapp.com (or custom) Initialize your parse directory

60 Static Hosting Choose a domain: myapp.parseapp.com (or custom) Initialize your parse directory Create public/helloword.html

61 Static Hosting Choose a domain: myapp.parseapp.com (or custom) Initialize your parse directory Create public/helloword.html Type parse deploy

62 Static Hosting Choose a domain: myapp.parseapp.com (or custom) Initialize your parse directory Create public/helloword.html Type parse deploy Your web page is live

63 Live Demo: Todos

64 Dynamic Hosting

65 Dynamic Hosting express.js

66 express.js

67 Web framework built for node.js express.js

68 express.js Web framework built for node.js Node.js is server-side JavaScript

69 express.js Web framework built for node.js Node.js is server-side JavaScript Now with Cloud Code + Parse JS SDK

70 express.js Web framework built for node.js Node.js is server-side JavaScript Now with Cloud Code + Parse JS SDK Simple but expressive

71 Directory Structure -cloud/ main.js app.js -views/ hello.ejs -public/ example.html -stylesheets/ style.css Cloud Code Express code View templates Static HTML files CSS stylesheets

72 Workflow

73 Workflow Install Command Line Tool at

74 Workflow Install Command Line Tool at $ curl -s installer.sh sudo /bin/bash

75 Workflow Install Command Line Tool at $ curl -s installer.sh sudo /bin/bash One time set up. Create a local code directory

76 Workflow Install Command Line Tool at $ curl -s installer.sh sudo /bin/bash One time set up. Create a local code directory $ parse new MyWebsite

77 Workflow Install Command Line Tool at $ curl -s installer.sh sudo /bin/bash One time set up. Create a local code directory $ parse new MyWebsite Make code changes

78 Workflow Install Command Line Tool at $ curl -s installer.sh sudo /bin/bash One time set up. Create a local code directory $ parse new MyWebsite Make code changes $ vi MyWebsite/cloud/app.js

79 Workflow Install Command Line Tool at $ curl -s installer.sh sudo /bin/bash One time set up. Create a local code directory $ parse new MyWebsite Make code changes $ vi MyWebsite/cloud/app.js Deploy to the cloud

80 Workflow Install Command Line Tool at $ curl -s installer.sh sudo /bin/bash One time set up. Create a local code directory $ parse new MyWebsite Make code changes $ vi MyWebsite/cloud/app.js Deploy to the cloud $ parse deploy

81 Live Demo: AnyMeme

82 What Else? Full blown web apps Admin interfaces Analytics Mobile SDKs Push Notifications Free! (until you get really big)

83 Further Reading JS SDK guide: parse.com/docs/js_guide Hosting guide: parse.com/docs/hosting_guide Express: expressjs.com Anymeme: Todo App: todolist.parseapp.com Tutorials: parse.com/tutorials Source code: github.com/parseplatform

This tutorial is intended to make you comfortable in getting started with the Firebase backend platform and its various functions.

This tutorial is intended to make you comfortable in getting started with the Firebase backend platform and its various functions. Firebase About the Tutorial Firebase is a backend platform for building Web, Android and IOS applications. It offers real time database, different APIs, multiple authentication types and hosting platform.