使用LeanCloud作为数据库

1. 注册

这里使用 github 帐号进行注册

1.png

2. 创建应用

点击应用——创建新应用

2.png

3. 创建数据库

进入新创建的应用，可以点击创建Class进行数据库创建或者代码的形式进行创建。

3.png

4. 代码创建数据库

点击帮助——快速入门

4.png

选择开发语言和应用

5.png

4.1 安装与引用 SDK

两种方式 npm 和 CDN，这里选择 npm的方式
在本地创建文件夹，这里是LeanCloud-test-20180508,创建文件 test.html
使用git Bash命令行工具，进入 test.html所在目录，如图：

6.png

安装包，命令行 npm install leancloud-storage --save
完成后目录里有了node_modules文件夹，可以看到leanCloud-storage文件夹，文件目录如下，：

7.png

由于在下一步初始化中用到了，AV对象，我们需要从node_modules中找到对应的文件。

8.png

在 test.html中引入该文件：

4.2 初始化

在 test.html的body标签中，创建 一个script标签引入下列代码，就初始化了AV对象

9.png

创新开一个命令行窗口，运行http-server，这样我们可以在 localhost:8081/test.html 进行查看
[图片上传失败...(image-ce1aa6-1525781245587)]
如果初始化成功，window应该有一个AV对象，通过console.log(window.AV)进行进行确认，可以看到：

11.png

4.3 验证

命令行 ping "y1fyfjco.api.lncld.net"，确认本地网络环境是可以访问 LeanCloud 服务器的。之后把下面代码粘贴到 test.html 的 script 标签中

12.png

创建一个AV对象的实例，TestObject,并在其中保存了wods: 'Hello World'这个字段。

13.png

刷新localhost:8081/test.html，可以看到文件以post的方式向数据库发送了数据。

14.png

在LeanCloud对应的应用中进行查看
可以看到多了一个Classs类 TestObject, 里面有我们填写的字段

15.png

4.4 创建自己的数据库

修改验证代码对应的代码位置即可。

16.png

刷新 localhost:8081/test.html 页面后，查看LeanCloud,可以看到我们添加了自己的数据，完成了数据库数据的存储了。

17.png