imyaman-github-io.pages.dev Open in urlscan Pro
2606:4700:310c::ac42:2f86  Public Scan

Form analysis
0 forms found in the DOM

Text Content

YOU'RE SPACE
 * YOUR E-SPACE
 * WEBLOG
 * Perl API
 * Lego
 * F & B

 * Login


JAVASCRIPT를 이용한 BAAS 예제


이게 뭔가요?

BaaS(Backend as a Service)를 잘 쓰자는 취지에서 JavaScript 예제를 만들어보았습니다. 초보자를 위해 가능한 단순하게
만들었습니다.


FIREBASE 예제

 * 댓글보기
 * 댓글쓰기

    var config = {
      apiKey: "AIzaSyDMRNixCXgWuD3z1P2f_hlM3LqxJry5Rks",
      authDomain: "blog-c227a.firebaseapp.com",
      databaseURL: "https://blog-c227a.firebaseio.com",
      storageBucket: "blog-c227a.appspot.com",
    };
    firebase.initializeApp(config);

    firebase.database().ref('/comments/').limitToLast(5).once('value').then(function(snapshot) {
      console.log(snapshot.val());
      drawCommentsTable(snapshot.val());
      // $.each(results, function(index, value){ ...
      // row.append($("" + value.comment + ""));
      currentPage++;
    });


YOURE.SPACE USERGRID 예제

 * 단순조회
 * 조회+더보기
 * 쓰기

데이터를 조회하는 부분. usergrid와 baas.io는 서로 비슷합니다.

<script src="js/usergrid.js"></script>
<script>
$(document).ready(function() {
    var client = new Usergrid.Client({
        'URI':'https://api02.youre.space',
        'orgName':'svr42mp', 
        'appName':'baas.io',
        //'token':baas_token
    });

    var options = {
        'client':client,
        'endpoint':'comments',
        'qs':{
            'ql':'order by created DESC'
        }
    }

    client.request(options, function (err, data) {
      if(!err){
          drawCommentsTable(data.entities);
      }else{
          console.log(err.toString());
      }
    });
}
    


KT BAAS.IO 예제

 * 단순조회
 * 조회+더보기
 * 쓰기

데이터를 조회하는 부분

var io = new Baas.IO({
  'URI':'https://api.baas.io',
  'orgName':'imyaman',
  'appName':'b-log',
});

var options = {
  'client':io,
  'endpoint':'comments',
  'qs':{
    'ql':'order by created DESC'
  }
}

io.request(options, function (err, data) {
 if(!err){
 }else{
 }
});
    


PARSE 예제

 * 단순조회
 * 
 * 

Parse.initialize('cdzz7YuYMPaopERtDOd15bUvv7oSaFtJYkCNZjIg', 'cPEU1ggQqkfL1Uh2fPekOWsmrCs7xc39H6RKZRpr');
var query = new Parse.Query('Comments');
query.limit(10);
query.find({
  success: drawCommentsTable,
  error: drawCommentsError
});


PARSE SERVER 예제

 * 댓글보기
 * 댓글쓰기

    Parse.initialize('cdzz7YuYMPaopERtDOd15bUvv7oSaFtJYkCNZjIg', 'cPEU1ggQqkfL1Uh2fPekOWsmrCs7xc39H6RKZRpr');
    Parse.serverURL = 'https://jts.youre.space:1337/parse'

    var query = new Parse.Query('Comments');
    query.skip(pgCount*currentPage);
    query.limit(pgCount);
    query.descending("createdAt");
    query.find({
        success: drawCommentsTable,
        error: drawCommentsError
    });
    currentPage++;


BUDDY - PARSE SERVER 예제

 * 댓글보기
 * 댓글쓰기

    Parse.initialize('***********', '**********');
    Parse.serverURL = 'https://parse.buddy.com/parse'

    var query = new Parse.Query('Comments');
    query.skip(pgCount*currentPage);
    query.limit(pgCount);
    query.descending("createdAt");
    query.find({
        success: drawCommentsTable,
        error: drawCommentsError
    });
    currentPage++;


KINVEY 예제

 * 단순조회
 * 
 * 

var promise = Kinvey.init({
  appKey : 'kid_WkVVFh1N5',
  appSecret : '8ffb767dda014827bd9de4ea01df7a32'
});
promise.then(function(activeUser) {
  if(null === activeUser) {
    return Kinvey.User.create();
  }
}, function(error) {
});

var promise = Kinvey.DataStore.find('Comments', null, {
  success : drawCommentsTable,
  error : drawCommentsError
});


MICROSOFT AZURE MOBILE SERVICES 예제

 * 단순조회
 * 
 * 

var client = new WindowsAzure.MobileServiceClient('https://nextlayer.azure-mobile.net/', 'tIBCRAuvMqKAojuCYMmbqUdLzKSrNw70');
var commentsItemTable = client.getTable('Comments');
commentsItemTable.systemProperties = WindowsAzure.MobileServiceTable.SystemProperties.All;

var query = commentsItemTable.where({ });
query.read().then(function(commentsItems) {
  var listItems = $.map(commentsItems, function(item){
  });
  $('#commentsTable').empty().append(listItems).toggle(listItems.length > 0);
}, handleError);

Azure Mobile Services 예제 새로 만든 것 여기


SKTELECOM T DEVELOPERS BAAS 예제

 * 단순조회
 * 조회+더보기
 * 쓰기

Baas.initialize("7dab9da0-9541-4c63-9c6a-452c02ba957a");
var query = new Baas.Query('Comments');
query.limit(10);
query.find({
  success: drawCommentsTable,
  error: drawCommentsError
});


설명

우선 SKT의 T developers에서 제공하는 BaaS의 예시로 설명
여기

소스코드를 보라

속도는 baas.io, sktdevbaas, parse, kinvey 순

편리함은 baas.io, parse, sktdevbaas, kinvey 순

Microsoft의 Azure Mobile Services는 신세계. 대단함.

 * README.md on github
 * README.md
 * 00-README-introduce.md
 * 01-README-baas.io.md
 * 02-README-parse.md
 * 03-README-kinvey.md
 * 04-README-azure.md
 * 05-README-sktdevbaas.md



YOU'RE SPACE
너의 공간