ionic和avos相结合

ionic:是一个基于angular的前端ui框架,结合phonegap实现hybrid app

avos(现改名:leancloud,中文:万象云):后端的云存储方案,就是提供各种api,实现数据库的增删改查,前端只需要调用相应的api就可以实践数据库操作,不需要写一句后端代码,类似外国的firebase(目前已被google收购,可见其未来的发展趋势)

使用ionic作为前端框架,avos作为后端存储服务器,两者结合起来我们就又省了前端ui和后端服务器代码的编写,可以将重心全放在业务实现上。

ionic实际上就是使用angular作为mvc框架的ui框架,所以所有的写法都是按照angualr。

结合方法:

avos提供了js sdk,我们需要做的只是引入sdk,并且进行代码初始化,下面是avos“快速入门”的教程https://cn.avoscloud.com/start.html,大家可以参考一下,我们将初始化的方法放在ionic项目的app.js文件中run方法里面就可以了。

.run(function($ionicPlatform, $http) {
  $ionicPlatform.ready(function() {
     AV.initialize(“jydu7yvkt4thz2olt6nlu83e7hucmhd4t2pwnehnd****”, “tdye8q8xgg5b4d18sf8it34polshle1nip16l5w9q2h*****”);
  });
})

接下来我们就可以使用avos提供的AV对象进行任何操作了,具体怎么用就不细讲了,可以查看官方文档https://cn.avoscloud.com/docs/js_guide.html

时间: 2024-11-08 14:18:15

ionic和avos相结合的相关文章

Cordova+angularjs+ionic+vs2015开发(四)

欢迎加群学习:457351423 这里有4000多部学习视频,涵盖各种技术,有需要的欢迎进群学习! 一.布局 Ionic模板提供了一个侧边栏菜单示例项目和标签选项卡示例项目.本案例将两个布局进行结合,简单介绍下Ionic的布局.Ionic采用自定义标签和标准Html标签相结合.相对于全部使用div方式来说,自定义标签的可读性更强.Ionic的界面呈现既可以使用静态页面方式呈现,也可以使用Angular提供的路由机制和控制器来控制控制页面的呈现及数据绑定. 使用VS创建一个空白的Ionic项目.项

Ionic、SASS、MVVM、LESS简介

Ionic_百度百科 ionic[1] 是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架.绑定了AngularJS和Sass.这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序. ionic的开发添加android和ios环境. ionic提供很多css组件[2] 和javascript UI库. ionic可以支持定制android和ios的插件,也支持服务端REST的敏捷开发. ionic 特点 编

ionic基础知识

ion-header-bar(头部 页眉) 在内容顶部添加一个固定header栏. 用法 <ion-header-bar align-title="left" class="bar-positive"> <div class="buttons"> <button class="button" ng-click="doSomething()">左侧按钮</button

ionic 打包安卓包

一.配置环境: 先按照之前的文章,配置好环境需要: 二.安装 1. 这里前提是 需要安装  node (地址: http://nodejs.cn/download/) 命令: node -v   //返回版本号 查看自己是否安装过node,如果没有安装,请访问上面地址 进行安装: 2. 使用npm安装Cordova和 ionic npm install -g ionic cordova 如果长时间没有安装成功,则使用 cnpm 淘宝镜像进行安装: 首先安装 cnpm : npm install

ionic打包apk 的三个环境变量配置

ionic--安装Java jdk并配置环境变量 前言:jdk是 Java 语言的软件开发工具包,它包含了Java 的运行环境,Java 工具和Java 基础的类库.做java web开发,android开发,还有现在流行的混合式App开发,都需要安装jdk oracle官网下载jdk 如下4张图按步骤可以找到jdk的下载路径,也可以点这里去选择你想要的版本 Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png 安装jdk

【No.2 Ionic】超级逗表情 App

本人使用Ionic框架开发了一个 超级逗表情 的App 依赖插件 cordova-plugin-app-version 0.1.9 "AppVersion" cordova-plugin-file 4.3.0 "File" cordova-plugin-file-opener2 2.0.2 "File Opener2" cordova-plugin-file-transfer 1.6.0 "File Transfer" cor

ionic框架对Android返回键的处理

在HybridApp移动跨平台开发中,android平台会遇到一些比较特殊并难以解决的问题,这些问题在原生应用开发中很easy, Android的返回键处理就是问题之一,假如我们要实现一个在很多App中都有的在主页按返回键弹出对话框提示用户退出应用的功能,在原生应用开发中是很容易的,只要在onKeyUp事件里面对返回键事件进行处理就可以了.按2次返回键退出应用的Java代码如下: private long exitTime = 0; @Override public boolean onKeyD

ionic开发之优化目录结构

当我们来个ionic start circleApp tabs的时候,会自动生成目录结构,基本如下: 显然这不利于项目的管理,当你的项目越来越复杂的时候,这是不够的.我们必须要按照模块进行文件夹的方式去管理 以下为优化后的目录结构 在模板处,我们将其按照模块文件夹的方式去分开管理,每个模块带着自己的控制器走.采用就近原则的管理方式. 当然只要你百度,还有更具备模块化的管理方式,当项目大到一定程度的时候,这种管理方式显然也是不够的,这里不做讨论. 接下来讲讲如何定制化自己的ionic主题样式. i

Ionic在Android上部署app步骤

详情链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ionic%E5%9C%A8android%E4%B8%8A%E9%83%A8%E7%BD%B2app%E6%AD%A5%E9%AA%A4/ 使用ionic建立了一个项目之后想要将它发布到各个应用商店,那么我们就要部署想要发布的版本,这段时间学习了Android的发布过程,下面我来介绍一下: 这个命令是我们在调试代码时候所需要的,一般下载模板的时候就有了,但是我们在发布版