Vue2.0 系列教程:使用 leanCloud 云服务

2003 次阅读 zuley 发布于 1年前 (2016-11-18) 前端开发 0 评论

leanCloud 是一个云服务,提供从数据存储,用户,实时聊天等功能,完全不用后端就可以让一个前端开发出一个拥有完整功能的项目!!!特别推荐!!!

一、注册 leanCloud

没啥好说的,进入 leanCloud 官网,注册账号,然后进入控制台

点击项目卡片,右上角的设置按钮,进入应用设置页。再点击进入 应用 Key 页面

取得上述图片中的 App IDApp Key

创建应用

进入控制台后点击,创建应用,根据提示输入信息。

二、安装 leanCloud SDK

$ npm install leancloud-storage -S

三、初始化 leanCloud

leanCloud JavaScript SDK 安装指南

const appId = '你的 App ID'
const appKey = '你的 App Key'
AV.init({ appId, appKey })

四、测试 leacCloud

main.js 中输入以下代码,并执行,能在应用的后台数据表中查询到此数据,则成功连接。

const TestObject = AV.Object.extend('TestObject')
const testObject = new TestObject()
testObject.save({ words: 'Hello World!' })
console.log('LeanCloud Rocks!')


提示:复制 leanCloud 的测试的时候注意要删除分号 ;和多余的空格等标记,否则无法通过语法检查。

第一讲:起步

  1. Vue2.0 系列教程:简介
  2. Vue2.0 系列教程:npm 常用命令
  3. Vue2.0 系列教程:npm package.json 配置文件语法
  4. Vue2.0 系列教程:Vue的安装和使用

第二讲: 构建环境和安装依赖

  1. Vue2.0 系列教程:初始化项目
  2. Vue2.0 系列教程:配置路由
  3. Vue2.0 系列教程:使用 leancloud 云服务

第三讲:开发页面

  1. Vue2.0 系列教程:注册页面
  2. Vue2.0 系列教程:登录页面
  3. Vue2.0 系列教程:首页 OR 退出登录
二维码
扫描此二维码去手机端访问

Vue2.0 系列教程:使用 leanCloud 云服务

文章评论

发表评论