接下來我們就要使用高大上的雲函數了;
什麼是雲函式?
雲函式 雲函式即在雲端（伺服器端）執行的函式。 在物理設計上，一個雲函式可由多個檔案組成，佔用一定量的CPU 記憶體等計算資源；各雲函式完全獨立；可分別部署在不同的地區。 … 當雲函式被小程式端呼叫時，定義的程式碼會被放在Node.js 執行環境中執行。
新建的專案中其實有云函式的示例可以參考。

首先，我們在cloudfunctions 資料夾右鍵，新建一個nodeJs雲函式， 然後命名為vote， 點選回車，等一會它會彈窗,告訴我們要安裝雲函式的環境, 但前提是你已經安裝了node環境和npm。

安裝node可以直接去node的官方網站:

接下來， 在index.js裡面新增：

  vote: function(e){
    var arr = this.data.voteArr;
    var id = Number(e.currentTarget.dataset.index),
      D = this.data.datas;
    console.log(id)
    if (arr.indexOf(D[id].id) != -1){
      D[id].vote -= 1;
      arr.splice(arr.indexOf(D[id].id), 1)
      this.setData({
        datas: D,
        voteArr: arr
      })
    }else{
      arr.push(D[id].id)
      this.setData({
        voteArr: arr
      })
      if (id || id == 0) {
        D[id].zanUrl = this.data.zanIcon1
        D[id].vote = Number(D[id].vote) + 1
      }

      let data = {
        vote: Number(D[id].vote) + 1,
        id: D[id].id,
        userId: wx.getStorageSync('userId'),
      }
      console.log(data)

      wx.cloud.callFunction({
        name: 'vote',
        //點贊需要的引數:
        // 點贊數 +1
        // 該條的id
        data: {        
            vote: Number(D[id].vote) + 1,
            id: D[id].id,          
        },
        success: res => {
          wx.showToast({
            title: '點贊成功',
          })
          this.setData({
            datas: D
          })

        },
        fail: err => {
          wx.showToast({
            icon: 'none',
            title: '點贊失敗',
          })
          console.error('[雲函式]  呼叫失敗：', err)
        }
      })
    }
    
    
  },
 

再接下來,我們編寫雲函式vote下面的index.js:

// 雲函式入口檔案
const cloud = require('wx-server-sdk')
cloud.init()
const db = cloud.database()



// 雲函式入口函式
exports.main = async (event, context) => { 
//取得傳過來的引數, 可以使用{vote,id } = event 更簡潔
  var vote = event.vote, id = event.id;
  console.log('雲函式zan成功', vote, id)

  // console.warn(data)

  try {
    return await db.collection('funnys').where({
      id: Number(id)
    }).update({
      data: {
        vote: vote
      },
      success: res => {
        console.log('雲函式成功', vote, id)
        
      },
      fail: e => {
        console.error(e)
      }
    })
  } catch (e) {
    console.error(e)
  }

}

 

編寫好後,我們右鍵vote資料夾, 點選上傳雲函式,上傳完成後就可以測試了
點選贊, 我們發現圖片會變成黃色的贊icon了,這個是通過this.setData 替換的, 沒有使用後臺的資料庫。
之後， 會呼叫到雲函式vote， 如果成功， 會有一個toast顯示，點贊成功；如果失敗， 控制檯也會提示相關的錯誤。

大家看在我碼字那麼辛苦的份上,順手給github點一個小星星唄