《从零开始+微信小程序开发》专栏第九篇

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

《从零开始+微信小程序开发》专栏第九篇

本文是《从零开始+微信小程序开发》专栏的第九篇。 主要介绍*新*全的云开发入门教程、微信小程序云开发、云函数、云数据库学习、微信小程序云开发及扩展功能学习。 ，希望大家能够一起学习，互相交流。

1. 了解小程序云开发1. 云开发简介

云开发提供了三大基础能力来帮助开发快速开发小程序：

官方文档：微信公开文档

2、云开发与传统服务器对比

通过上面的清晰对比，我们可以看出，如果一个小团队想要快速创建一个小程序后端，云开发是一个不错的选择。

2.云开发环境的创建和初始化

今天我们将正式创建我们的**个云开发项目。 在创建云开发之前，有以下几点需要注意：

您必须先注册小程序，然后才能激活云开发。 一个小程序可以创建两个云开发环境。

注册小程序的流程请参考《+微信小程序开发（一）理解与环境搭建》。

1. 创建一个初始项目

要开通云开发服务，必须先进入小程序开发工具。 在开发工具中，创建项目时选择微信云开发。 在模板选择中，选择不使用模板即可，填写自己的AppID即可。

2、激活云开发2.1 点击云开发2.2，命名云开发环境

2.3 获取云开发环境id

记录您自己的云开发环境ID。

3.初始化云开发环境

在app.js中写入环境id。 注意这里需要使用自己的云开发环境id。

App({
  onLaunch: function () {
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        // env 参数说明：
        //   env 参数决定接下来小程序发起的云开发调用（wx.cloud.xxx）会默认请求到哪个云环境的资源
        //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
        //   如不填则使用默认环境（**个创建的环境）
        env: '你的环境id',
        traceUser: true,
      })
    }
    this.globalData = {}
  }
})

3.云开发数据库

参考官方文档：云开发数据库。

1.在数据库中创建一个新集合

这里我们以创建新产品列表为例。

2.在集合中创建一条新记录

创建两条新记录，字段为 name 和 Price《从零开始+微信小程序开发》专栏第九篇，分别为 {apple, 10} 和 {, 15}。

3.数据库权限管理

如果您希望用户能够查询我们创建的商品数据，则需要将权限更改为所有用户均可读取。

3.数据库增删改查

首先新建一个商品页面。

在pages/goods/goods.js中添加：

const db = wx.cloud.database()

3.1 查询get()

    enquire(e){
        let that =this 
        db.collection('goods').get({
            success: function(res) {
              // res.data 是一个包含集合中有权限访问的所有记录的数据，不超过 20 条
              that.setData({
                  list:res.data
              })
              console.log(res.data)
            }
          })
    },

3.2 添加数据add()

    insert(e){
        let that =this 
        db.collection('goods').add({
            data:{
                name:'梨子',
                price:'15'
            },
            success: function(res) {
                // res 是一个对象，其中有 _id 字段标记刚创建的记录的 id
                console.log('添加成功',res)
              }
          })
    },

3.3 更新数据()

    change(e){
        let that =this 
        db.collection('goods').doc('9e7190f16183f44003b4a35f7560aa65').update({
            data:{
                price:'30'
            },
            success: function(res) {
                // res 是一个对象，其中有 _id 字段标记刚创建的记录的 id
                console.log('更改成功',res)
              }
          })
    },

3.4 删除数据()

    delete(e){
        let that =this 
        db.collection('goods').doc('859059a56183f48803c02801607c0563').remove({
            success: function(res) {
                // res 是一个对象，其中有 _id 字段标记刚创建的记录的 id
                console.log('删除成功',res)
              }
          })
    },

4. 云开发云功能 1. 了解云功能

参考官方文档：云开发云函数

简单来说，云函数是运行在服务器上的，但是它是和我们传统的开发语言相比的。 微信官方为我们提供了万无一失的一键部署。 换句话说，您只需要专注于编写业务逻辑代码，而无需担心部署、安全问题或身份验证问题。

例如，云函数获取：

如果您使用云功能，只需3步

编写云函数、一键部署云函数、调用云函数

我们看一下云函数代码。 只需要10行代码，就可以轻松完成。

2、云功能的优势

我们使用云函数来与上一章中的云数据库进行比较。

操作云功能云数据库

返回数据上限

100 件

20 项目

更新数据

全部可以更新

只有自己创建的才能更新

删除数据

全部可以删除

只能删除您创建的内容

操作环境

在云端的 Node.js 环境中运行

小程序本地运行

实现功能丰富

非常丰富

只能实现数据库的增删改查

云函数属于管理端，云函数中运行的代码拥有无限的数据库读写权限和云文件读写权限。 需要注意的是，云函数运行环境是管理端，与传入云函数对应的微信用户是否是小程序的管理员/开发无关。

3. 云函数调用演示 3.1 初始化云函数环境

首先选择云开发环境。

如果无法自动检测，可以先上传登录云功能->上传失败并提示需要配置云环境->右键文件夹->选择环境。

然后单击“保存”。 我们的文件夹前面会有一个云，这说明我们的云功能已经初始化成功了。

3.2 创建新的云函数

初始化后在//index.js中自动生成：

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {
    const wxContext = cloud.getWXContext()
    return {
        event,
        openid: wxContext.OPENID,
        appid: wxContext.APPID,
        unionid: wxContext.UNIONID,
    }
}

3.3 云函数获取数据

然后在pages/goods/goods.js中添加：

        let that = this
        wx.cloud.callFunction({
            name:'getData',
            success(res){
                console.log('请求云函数成功','res')
                that.setData({
                    openid:res.result.openid
                })
                console.log(openid)
            }
        })

5. 云开发云存储 1. 了解云存储

简单来说，云存储就是一个可以用来存储视频、音频、图片、文件的云存储空间。 如果您的小程序需要使用视频播放、音频播放、图片展示、文件上传下载等功能，您可以使用我们的云存储。

文件名限制

2.云开发控制台管理文件

控制台还可以用来非常方便地管理文件。

3.上传图片至云存储

在小程序上，您可以调用wx.cloud。 上传方法：

wx.cloud.uploadFile({
  cloudPath: 'example.png', // 上传至云端的路径
  filePath: '', // 小程序临时文件路径
  success: res => {
    // 返回文件 ID
    console.log(res.fileID)
  },
  fail: console.error
})

上传成功后微信小程序云开发教程，将获得文件的唯一标识符，即文件ID。 后续的操作都是基于文件ID而不是URL。

后来还包括下载文件、删除文件、交换临时链接等功能。 详情请参见：云存储API指南。

六、总结

本文是关于微信小程序云端开发的学习经验。 主要介绍云数据库、云函数、云存储的简单使用。 请期待下一篇文章进一步深入研究。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等