扫码获取图书信息小程序制作全攻略

见解分享

2023-11-07 21:06:33

导语

云函数是腾讯云提供的一款无服务器计算产品，能够让你无需搭建和管理服务器，直接在云端执行代码，非常适合快速开发和部署小型应用。

本教程将结合云函数和云数据库，教你如何制作一个小程序，实现扫码获取图书信息的功能。你将学会以下内容：

使用云函数获取图书信息
将图书信息存储在云数据库中
在小程序中显示图书信息

开发准备

腾讯云账号
微信公众平台账号
开发者工具

一、用户端小程序开发

创建小程序项目

打开开发者工具，点击“文件”->“新建”->“项目”，选择“小程序”类型，填写项目信息，点击“确定”即可。

添加扫码功能

在小程序项目中，右键点击“pages”文件夹，选择“新建”->“页面”，命名为“index”，点击“确定”。

在“index.js”文件中，添加以下代码：

Page({
  data: {
    result: ''
  },
  onLoad: function() {
    // 调用wx.scanCode接口获取ISBN码
    wx.scanCode({
      success: (res) => {
        // 将ISBN码发送到云函数
        wx.cloud.callFunction({
          name: 'getBookInfo',
          data: {
            isbn: res.result
          },
          success: (res) => {
            // 将图书信息显示在小程序页面上
            this.setData({
              result: res.result.data
            })
          },
          fail: (err) => {
            console.error(err)
          }
        })
      }
    })
  }
})

在“app.js”文件中，添加以下代码：

App({
  onLaunch: function() {
    // 初始化云函数
    wx.cloud.init({
      env: '你的云函数环境ID'
    })
  }
})

二、云函数开发

创建云函数项目

在腾讯云控制台，找到云函数服务，点击“创建”，选择“从头开始创建”，填写项目信息，点击“确定”即可。

添加云函数

在云函数项目中，点击“函数”，点击“新建函数”，选择“HTTP”类型，填写函数名称，点击“确定”。

在“index.js”文件中，添加以下代码：

const cloud = require('tencentcloud-sdk-nodejs')

const tcb = cloud.tcb()
const db = tcb.database()

exports.main = async (event, context) => {
  // 获取ISBN码
  const isbn = event.isbn

  // 调用豆瓣API获取图书信息
  const res = await fetch(`https://api.douban.com/v2/book/isbn/${isbn}`)
  const data = await res.json()

  // 将图书信息存储在云数据库中
  await db.collection('books').add({
    data
  })

  // 返回图书信息
  return data
}