雲開發-官方demo-雲函數示例

很久以前就開始想本身動手作一個目標追蹤的小玩意，斷斷續續，拖拖拉拉就到如今了。何爲目標追蹤，簡單來講就是打卡。發現以前學過的東西或者作過的東西忘得很快，只能經過寫博客的方式來記錄下，翻遍往後的翻閱。

依託微信這個平臺，再加上平臺上的雲支持，能夠在不本身搞硬件或者雲服務器的基礎上攢一個小玩意。

切入正題。

簡單介紹下環境：

1. 微信開發者工具版本，1.02.1907160。下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2. 雲開發官方介紹：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

新建一個雲開發的模板

建立以後，初始頁面是在app.json中配置的第一個頁面，以下：

先真機調試下

能夠看到手機上的操做界面和開發工具左側的模擬器基本一致。

點擊獲取openid按鈕

便可獲取

打開雲開發控制檯，切換到用戶訪問，便可查看訪問小程序的用戶列表。

這個是如何實現的呢，咱們來看看代碼。

首先是頁面，index.wxml中定義了這個按鈕，按鈕綁定的了方法

在index.js中定義了這個方法：onGetOpenid，此方法調用了雲函數：login，並把響應中的 res.result.openid設置到了全局變量app.globalData.openid中，而後跳轉到了../userConsole/userConsole頁面

userConsole.wxml頁面加載了openid

這個openid是在userConsole.js中賦值的

如今在看看雲函數login

具體代碼以下：

// 雲函數模板
// 部署：在 cloud-functions/login 文件夾右擊選擇 「上傳並部署」

const cloud = require('wx-server-sdk')

// 初始化 cloud
cloud.init()

/**
 * 這個示例將經自動鑑權過的小程序用戶 openid 返回給小程序端
 * 
 * event 參數包含小程序端調用傳入的 data
 * 
 */
exports.main = (event, context) => {
  console.log(event)
  console.log(context)

  // 可執行其餘自定義邏輯
  // console.log 的內容能夠在雲開發雲函數調用日誌查看

  // 獲取 WX Context (微信調用上下文)，包括 OPENID、APPID、及 UNIONID（需知足 UNIONID 獲取條件）
  const wxContext = cloud.getWXContext()

  return {
    event,
    openid: wxContext.OPENID,
    appid: wxContext.APPID,
    unionid: wxContext.UNIONID,
  }
}

能夠看到只是輸入了日誌，然後就返回了openid等信息。日誌是能夠在雲開發雲函數調用日誌查看，以下：

至於本地的函數如何上傳到雲端成爲雲函數，在下一篇裏記錄。