前端福音——移動app輕量級后台parse


對很多前端工程師而言,不懂后台的確是一件很痛苦的事情。就像一個裝修師傅,只會做門面,不會蓋房子,落了單就做不成獨立的產品。

縱然js的功能越來越強大,若要做一個獨立的app,很多時候我們不可避免地要用到后台數據庫。於是我們很苦逼地去翻看php,.net,sql,縱使我們產品的規模可能很小很小。

有沒有一種輕量易用的簡易后台數據庫呢?

Parse 是由YC孵化出來的、專為移動應用提供后台服務的雲計算平台,為開發者包辦繁瑣的后台服務,讓開發者只需專注於具體的開發工作。借助Parse的服務,應用開發時間可降低10倍 – 100倍。原本可能需要數個星期才能做出來的應用現在只需數個小時即可完成。

因為針對移動app,剛開始parse只提供了ios和android的接口,為這些開發者提供后台服務。而現在,隨着html5技術的不斷普及,parse也提供了js的接口,未來要推出針對win8的服務。

對與我們前端開發者而言,這就意味着我們可以利用parse提供的js接口,方便地把數據存儲在平台數據庫里,更爽的是,我們可以像在本地一樣用js命令對數據庫進行各種操作,包括新建,查詢等等。

只需要看一看parse提供的開發文檔,編寫幾行簡單的代碼,就可以為你的產品添加上一個簡單易用的后台數據存儲數據庫。更好的消息是,parse目前仍然是免費的,你只需要進行簡單的注冊就可以使用它的服務了。

下面是個例子,利用parse實現了簡單的用戶信息注冊和存儲功能:

<!doctype html>
<head>
  <meta charset="utf-8">
  <title>parse測試-實現注冊功能</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.0.14.min.js"></script>
</head>
<body>


  用戶名:<input type='text'/></br>
  密碼:<input type='text'/></br>
  個人簡介:</br>
  <textarea></textarea></br>
  <input type='button' value='注冊'>


  <script type="text/javascript">
  
  //這里是您注冊的appkey,在您的賬號下新建一個應用就可以或者這個appkey
    Parse.initialize("7Y2AF2vYL7ybFevykbATN0O8YnGz9U3zefcT6w8M", "uDVRF6oJvGQnFtoJ8tg29VBl0BRYyJU2e9jZD0FM");
  //鏈接到MyLog這個數據庫
    var MyLog = Parse.Object.extend("MyLog");
    //搜索有沒有重名,若沒有重名則執行save
    function check(name,num,info) {
     //新建一個查詢
        var query = new Parse.Query(MyLog);
     //查詢userName為name的對象
        query.equalTo("userName",name );
        query.find({
            success: function(comments) {
                 if(comments.length===0)
                    save(name,num,info);//若沒有找到重名則執行save
                else {
                    alert('用戶名重復');//找到重名執行alert
                }
            },
            error: function(error) {
                alert('error');//查詢報錯
             }
        });
    }
    //存儲數據
    function save(name,num,info) {
    //新建一個數據對象
        var myLog = new MyLog();
    //執行存儲
        myLog.save({userName: name,userNum:num,userInfo:info}, {
            success: function(object) {//操作成功回調函數
                alert('注冊成功')
            },
            error: function(model, error) {//操作失敗回調函數
                alert('注冊失敗')
            }
        });
    }
    
    $('input:eq(2)').click(function(){
        var name=$('input:eq(0)').val();
        var num=$('input:eq(1)').val();
        var info=$('textarea').val();
     //執行check
        check(name,num,info);
    })
  </script>
</body>

 </html>

另外,我們若是用html5技術寫了一個網頁小游戲,也可以利用parse服務實現計分和排行功能。甚至可以做成一個小網游。

如果你正在做的項目需要這樣一個輕型的后台,不妨嘗試一下,parse的官網:https://www.parse.com/

ps:英文文檔看着頭疼啊。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM