美文网首页
使用LeanCloud作为数据库

使用LeanCloud作为数据库

作者: 王童孟 | 来源:发表于2018-05-08 20:12 被阅读0次

    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中引入该文件:
    <script src="node_modules/leancloud-storage/dist/av-min.js"></script>

    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

    相关文章

      网友评论

          本文标题:使用LeanCloud作为数据库

          本文链接:https://www.haomeiwen.com/subject/bjnwrftx.html