移动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测试数据/ajax/libs/jquery/1.7.2/jquery.min.js" ></ script >
< script type ="text/javascript" src ="http://HdhCmsTestparsecdn测试数据/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://HdhCmsTestparse测试数据/
ps:英文文档看着头疼啊。。
分类: html5/css3
标签: html5 , parse后台服务 , 前端
作者: Leo_wl
出处: http://HdhCmsTestcnblogs测试数据/Leo_wl/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
版权信息