小程序云开发实战五:如何将获取到的API数据存入云数据库里面

2020-10-29 17:46:55 浏览数 (1)

之前的文章里面已经详细写过像云数据库里面插入数据的方法,现在用在实际项目里面再写一遍。

1:使用数据库的时候,首先要进行初始化 云开发数据库文档:

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database/init.html 2:打开云开发控制台 老规矩,创建一个集合 books

3:打开小程序端js, 初始化数据库

代码语言:javascript复制
 //云数据库初始化
         const db = wx.cloud.database({});
         const book = db.collection('books');

4:添加数据(插入数据) js代码流程

代码语言:javascript复制
// pages/scanCode/scanCode.js
Page({
  data: {
  },

  scanCode: function (event) {
    console.log(1)
    // 允许从相机和相册扫码
    wx.scanCode({
      onlyFromCamera: true,
      scanType: ['barCode'],
      success: res => {
        console.log(res.result)

        //
        wx.cloud.callFunction({
          // 要调用的云函数名称
          name: 'bookinfo',
          // 传递给云函数的参数
          data: {
            isbn: res.result
          },
          success: res => {
            //  console.log(res)
            //进一步的处理
            var bookString = res.result;
            console.log(JSON.parse(bookString))


            //云数据库初始化
            const db = wx.cloud.database({});
            const book = db.collection('books')

            db.collection('books').add({
              // data 字段表示需新增的 JSON 数据
              data: JSON.parse(bookString)

            }).then(res => {
              console.log(res)
            }).catch(err => {
              console.log(err)
            })
          },
          fail: err => {
            console.error(res)
          }
        })
      },
      fail: err => {
        console.log(err);
      }
    })
  }

})

5:代码逻辑 1:点击按钮之后调用扫一扫scanCode 2:读取照相机传递过来的图片,拿到barCode的代码 3:将拿到的barCode代码传递给云函数中的bookinfo,传递后将结果获取到本地 4:用云数据库的示例去创建新的字段添加到数据库之中

6:测试一下,好了,小程序端获取的豆瓣API数据存入云数据库里面了。

附上:

代码语言:javascript复制
主要思路:
1:通过调用小程序的扫码的api
2:调用云函数获取到图书的信息,并将图书信息传递到小程序
3:在小程序中 调用云数据库来添加


可能会有很多人有问,为啥不直接在云函数中完成添加?会更加简单方便啊,暂时留个悬念啊啊哈。

0 人点赞