Start an Angular project fast, then go faster using AWS and Back&

Post on 17-Aug-2015

81 views 0 download

Transcript of Start an Angular project fast, then go faster using AWS and Back&

Start an Angular Project Fastand then go faster!

INTROWho am I?

INTROhttps://github.com/backand/simple-noterious-app

INTROhttp://noterious.backand.net/

INTROEasy data models

[ { "name": "tasks", "fields": { "description": { "type": "string" }, "completed": { "type": "boolean" } } } ]

INTROAdvanced data models

[ { "name": "tasks", "fields": { "description": { "type": "string" }, "completed": { "type": "boolean" }, "members": { "collection": "members", "via": "task" } } }, { "name": "members", "fields": { "name": { "type": "string" }, "task": { "object": "tasks" } } } ]

INTROREST API for free!

INTROServer-side logic

INTROSecurity & user management

INTROSocial signup

INTRO3rd party integration

INTRO3rd party integration

INTROScalable & in the cloud

INTROFree-forever account!!!

THE GENERAL IDEA

Read

Configure secure callsConnect

Add module dependenciesInclude script dependencies

<!-- We use client cookies to save the REST API token --><script src="//code.angularjs.org/1.3.14/angular-cookies.min.js"></script><!-- Backand SDK for Angular --><script src="//cdn.backand.net/backand/dist/1.7.1/backand.min.js"></script>

//app.jsangular.module('YOUR-APP-NAME', ['backand', 'ngCookies'])

//Update Angular configuration sectionmyApp.config(function (BackandProvider) { BackandProvider.manageDefaultHeaders(); //BackandProvider.setAnonymousToken('Your App Name'); //BackandProvider.setAnonymousToken('Your Anonymous Token'); //BackandProvider.setSignUpToken('Your SignUp Token'); })

// SignInCtrl.jsfunction SignInCtrl(Backand, $cookieStore) { $scope.signIn = function() { Backand.signin($scope.username, $scope.password) .then( function (response) { //Do good for the world }, function (data, status, headers, config) { //handle error } ); } }

//dataService.jsfunction dataService($http, Backand) { var self = this; //get the object name and optional parameters self.getList = function(name, sort, filter) { return $http({ method: 'GET', url: Backand.configuration.apiUrl + '/1/objects/' + name, params: { filter: filter || '', sort: sort || '' } }); } }

GETTING STARTED

Set Your API Keys

Download the AppCreate Your Database

Create Your AppCreate Your Account

CONFIGURING YOUR APPLICATIONAdd validation upon creating a

new board

CONFIGURING YOUR APPLICATIONSend email when new board is

created

CONFIGURING YOUR APPLICATIONEnable member selection

CONFIGURING YOUR APPLICATIONShow boards based on members

CONFIGURING YOUR APPLICATIONKeep track of changes

CONFIGURING YOUR APPLICATIONRestrict access to board objects

CONFIGURING YOUR APPLICATIONNew user registration

PROTIP!Make your app public

CONFIGURING YOUR APPLICATIONPublic access with anonymous

CONFIGURING YOUR APPLICATIONUpload to AWS S3

OUTROResources

https://github.com/backand/simple-noterious-apphttps://www.backand.com/how-to-videos/http://blog.backand.com/questions/

http://onehungrymind.com/

OUTROThanks!