小程序云开发入门（超强攻略）

秒速五厘米 2022-10-13 12:35 140阅读 0赞

### 前言 ###

> 记住这些网址，超级有用！！！
> 
> [去注册小程序，非常重要，最后填写资料，在个人中心获取独一无二的appid][appid]
> 
> [微信开放文档][Link 1]
> 
> [微信开放文档-组件，这是基础][-]
> 
> [微信开放文档-框架，很重要（小程序配置、wxml语法参考）][-_wxml]
> 
> [微信开发者工具，写代码用的][Link 2]
> 
> [阿里巴巴图标库，找底部tabbar图标用的][tabbar]

### 1、普通开发与云开发 ###

任何应用，数据最重要

1、普通开发中的数据从哪里来？

这是常用的开发模式，普通开发小程序通过 [wx.request][] 微信网络接口，进行后台数据调用

真实的接口地址，可以由自己使用后端语言和数据库搭建后台数据接口

wx.request({ 
      url: 'test.php', //仅为示例，并非真实的接口地址
      data: { 
        x: '',
        y: ''
      },
      header: { 
        'content-type': 'application/json' // 默认值
      },
      success (res) { 
        console.log(res.data)
      }
    })

2、云开发中的数据从哪里来？

这是 [微信开放文档 > 云开发][Link 3]

[上一篇：新手开发微信小程序（超强攻略）][Link 4]

### 2、初始化 ###

![image-20210529141945997][]

![image-20210529142218140][]

![image-20210529142407208][]

现在项目已经新建完成，点击云开发，开通

![image-20210529142516345][]

![image-20210529142857926][]

比如新建表，Demo，然后添加第一条记录，会让你添加一些字段，字段类型

\_id、String

name、String

age、number

添加字段按钮是为了需要临时加字段而设置的

**数据库表，数据权限选第一个**

![image-20210529230818945][]

### 入门使用 ###

1、官方版的查询

这是云数据库的设置，放心使用

![image-20210529231406481][]

这是wxml、js页面的书写方法

![image-20210529231804658][]

Demo.wxml

Demo.js

const app=getApp();
    const db=wx.cloud.database();
    Page({ 
      data:{  
        Demo:[] 
      },
      onLoad:function(){ 
        db.collection('Demo').get({ 
          success:res => { 
            this.setData({  
              Demo:res.data 
            })
          }
        })
      }
    })

根据上图步骤12345，就会显示出基本的云开发查询案例。

**目前为增删改查的查阶段，使用官方的查询函数**

**后期，可以自己定义云函数，上传到云数据库，js里面调用的就是自定义云函数，功能更强大，更加个性化。**

### 其他 ###

**如果对你有帮助，麻烦三连哦。**

**如果你对这篇文章有不懂的地方，或者运行到哪一步报错。**

**欢迎留言或私聊我哈。**

**评论、点赞、关注，等你哦～**

[appid]: https://mp.weixin.qq.com/
[Link 1]: https://developers.weixin.qq.com/
[-]: https://developers.weixin.qq.com/miniprogram/dev/component/
[-_wxml]: https://developers.weixin.qq.com/miniprogram/dev/reference/
[Link 2]: https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
[tabbar]: https://www.iconfont.cn/
[wx.request]: https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html
[Link 3]: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
[Link 4]: https://blog.csdn.net/weixin_42148729/article/details/117254437?spm=1001.2014.3001.5501
[image-20210529141945997]: /images/20221005/65c5925e0864436c89d6a4740fe30fde.png
[image-20210529142218140]: /images/20221005/0e0ecf66fb5d4e079e7f4903354e0b39.png
[image-20210529142407208]: /images/20221005/fc3395831c264f95a6d8ebc3f98d5c4e.png
[image-20210529142516345]: /images/20221005/7b97b99f4ec24d9598bbf6e5c9fe45ba.png
[image-20210529142857926]: /images/20221005/8d9a8ba8f11745988924746f5276ac6d.png
[image-20210529230818945]: /images/20221005/21dd2123e2f74645b6a447dad3044059.png
[image-20210529231406481]: /images/20221005/2f8fa2653adb478e8382e2fdd4c38f11.png
[image-20210529231804658]: /images/20221005/522d2d2bcc914dacbe39ef493032d8f3.png