小程序调用云端函数并将返回值存在全局变量中

环境配置：
本地电脑下载node.js 安装
安装完成后，在cmd控制台输入node -v和npm -v，这两个打印版本号的命令可以判断node和npm是否安装成功



云端需要新建函数：

js中文件如下
主要操作就是获取页面传递的参数a和b，然后做运算后返回。同时在新建云函数时，需要点击右键选择在终端中打开，执行：npm install --production   安装wx-server-sdk

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()

// 云函数入口函数
exports.main = (event, context) => {
  
  //event 指的是触发云函数的事件，当小程序端调用云函数时，event 就是小程序端调用云函数时传入的参数
  sum = event.a + event.b
  // 获取 WX Context (微信调用上下文)，包括 OPENID、APPID、及 UNIONID（需满足 UNIONID 获取条件）
  const wxContext = cloud.getWXContext()

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

函数写完记得右键--上传所有文件


页面的js关键代码

//此语句引用后即可以访问app.js中设定的全局变量了
const app = getApp()

//button的提交方法
formSubmit(e) {

    // 调用云函数
    wx.cloud.callFunction({
       name: 'userlogin',
       data: {
            a: 12,
            b: 19
        },
       success: res => {
         //给全局变量赋值
         app.globalData.openid = res.result.openid
         app.globalData.appid = res.result.appid
         app.globalData.unionid = res.result.unionid
       },

       fail: err => {
         console.error('[云函数] [login] 调用失败', err)
        //失败后可以跳转到其他页面 
        //  wx.navigateTo({
        //    url: '../deployFunctions/deployFunctions',
        //  })
       }
     })
  }

页面部分代码：

<view>
<form bindsubmit="formSubmit" bindreset="formReset">
  <view class='main'>
    <lable class='lable'>账号：</lable>
    <input class='input' type='text' bindinput="getUserID" placeholder='请输入用户名'/>
  </view>
  <view class='main2'>  
    <lable class='lable'>密码：</lable>
    <input class='input' type='text' bindinput="getPwd" password placeholder="请输入密码"/>
  </view>

  <view class='bottom'>
    <button type='primary' form-type='submit'>登陆</button>
    <button type='default' form-type='reset'>重置</button>
  </view>
</form>
</view>

app.js中的全局变量设置：

//app.js
App({

  globalData: {
    appid: '',//appid需自己提供，此处的appid我随机编写  
    unionid: '',//secret需自己提供，此处的secret我随机编写 
    openid: '', //
  }
})

关于微信小程序中globalData的设置与读写
参考：https://blog.csdn.net/sinat_33937178/article/details/79124022