Start an Angular project fast, then go faster using AWS and Back&
1 like585 views
This document provides instructions for starting an Angular project using Backand for backend services. It discusses including Backand SDK dependencies, configuring secure API calls, signing users in, making API calls to retrieve and save data, and additional features like user registration, access control, and hosting on AWS S3. The document is intended to help developers get started building an Angular app integrated with Backand's backend services.
![[
{
"name": "tasks",
"fields": {
"description": { "type": "string" },
"completed": { "type": "boolean" }
}
}
]](https://image.slidesharecdn.com/awsloftmeetupjuly2015-150729174348-lva1-app6892/85/Start-an-Angular-project-fast-then-go-faster-using-AWS-and-Back-8-320.jpg)
![[
{
"name": "tasks",
"fields": {
"description": { "type": "string" },
"completed": { "type": "boolean" },
"members": { "collection": "members", "via": "task" }
}
},
{
"name": "members",
"fields": {
"name": { "type": "string" },
"task": { "object": "tasks" }
}
}
]](https://image.slidesharecdn.com/awsloftmeetupjuly2015-150729174348-lva1-app6892/85/Start-an-Angular-project-fast-then-go-faster-using-AWS-and-Back-10-320.jpg)
![//app.js
angular.module('YOUR-APP-NAME', ['backand', 'ngCookies'])](https://image.slidesharecdn.com/awsloftmeetupjuly2015-150729174348-lva1-app6892/85/Start-an-Angular-project-fast-then-go-faster-using-AWS-and-Back-21-320.jpg)
Start an Angular project fast, then go faster using AWS and Back&
- 1. Start an Angular Project Fast and then go faster!
- 8. [ { "name": "tasks", "fields": { "description": { "type": "string" }, "completed": { "type": "boolean" } } } ]
- 10. [ { "name": "tasks", "fields": { "description": { "type": "string" }, "completed": { "type": "boolean" }, "members": { "collection": "members", "via": "task" } } }, { "name": "members", "fields": { "name": { "type": "string" }, "task": { "object": "tasks" } } } ]
- 11. INTRO REST API for free!
- 17. INTRO Scalable & in the cloud
- 19. THE GENERAL IDEA Read Configure secure calls Connect Add module dependencies Include script dependencies
- 20. <!-- 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>
- 22. //Update Angular configuration section myApp.config(function (BackandProvider) { BackandProvider.manageDefaultHeaders(); //BackandProvider.setAnonymousToken('Your App Name'); //BackandProvider.setAnonymousToken('Your Anonymous Token'); //BackandProvider.setSignUpToken('Your SignUp Token'); })
- 23. // SignInCtrl.js function 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 } ); } }
- 24. //dataService.js function 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 || '' } }); } }
- 25. GETTING STARTED Set Your API Keys Download the App Create Your Database Create Your App Create Your Account
- 26. CONFIGURING YOUR APPLICATION Add validation upon creating a new board
- 27. CONFIGURING YOUR APPLICATION Send email when new board is created
- 28. CONFIGURING YOUR APPLICATION Enable member selection
- 29. CONFIGURING YOUR APPLICATION Show boards based on members
- 30. CONFIGURING YOUR APPLICATION Keep track of changes
- 31. CONFIGURING YOUR APPLICATION Restrict access to board objects
- 32. CONFIGURING YOUR APPLICATION New user registration
- 33. PROTIP! Make your app public
- 34. CONFIGURING YOUR APPLICATION Public access with anonymous
- 35. CONFIGURING YOUR APPLICATION Upload to AWS S3
- 37. OUTRO Thanks!