云开发-官方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等信息。日志是能够在云开发云函数调用日志查看，以下：

至于本地的函数如何上传到云端成为云函数，在下一篇里记录。