Slog69_实现一个带参数的云函数GET！（微信小程序之云开发-全栈时代2）

• ArthurSlog

• SLog-69

• Year·1

• Guangzhou·China

• Sep 11th 2018

• ArthurSlog Page

• GitHub

• NPM Package Page

• 掘金主页

• 简书主页

• segmentfault

祸兮福之所倚 福兮祸之所伏

---

开发环境MacOS(High Sierra 10.13.5)

需要的信息和信息源：

• 小程序官方文档

• 小程序端API文档（客户端）

• 云端API文档（服务端）

前言

• 腾讯推出“云开发”概念，简单说，就是为开发者提供搭建好的服务器，服务器使用npm安装好了“wx-server-sdk”模块

• 腾讯就是把业务包装在模块里，然后在自己的平台提供的 API，供开发人员调用

• 开发人员可以借助平台进行核心业务开发，实现快速上线和迭代

• 云开发方式，可以和开发者已经使用的云服务相互并存

• ”云开发“ 提供三大基础能力：

1. 云函数

2. 数据库

3. 存储管理

开始编码

• 现在先把微信开发工具更新至最新（1.02.1809101），有部分开发人员在微信社区反馈更新之后没有看到“云开发”的按钮

• 解决办法：点击检查更新，等待更新完全完成之后重启开发工具

• 重点：云开发方式需要appid，请准备好

• 当前云开发模版的微信小程序文件结构如下：

cloudfunctions
    | - login
          | - index.js
          | - package.json
          | - package-lock.json
          
    | - arthurSlog_getInfo
          | - index.js
          | - package.json
          | - package-lock.json
          
miniprogram
    | - images
           | - code-db-inc-dec.png
           | - code-db-onAdd.png
           | - code-db-onQuery.png
           | - code-db-onRemove.png
           | - code-func-sum.png
           | - console-entrance.png
           | - create-collection.png
    | - pages
           | - addFunction
                    | - addFunction.js
                    | - addFunction.json
                    | - addFunction.wxml
                    | - addFunction.wxss
           | - chooseLib
                    | - chooseLib.js
                    | - chooseLib.json
                    | - chooseLib.wxml
                    | - chooseLib.wsxx
           | - databaseGuide
                    | - databaseGuide.js
                    | - databaseGuide.json
                    | - databaseGuide.wxml
                    | - databaseGuide.wxss
           | - deployFunctions
                    | - deployFunctions.js
                    | - deployFunctions.json
                    | - deployFunctions.wxml
                    | - deployFunctions.wxss
           | - index
                    | - index.js
                    | - index.wxml
                    | - index.wxss
                    | - user-unlogin.png
           | - storageConsole
                    | - storageConsole.js
                    | - storageConsole.json
                    | - storageConsole.wxml
                    | - storageConsole.wxss
           | - userConsole
                    | - userConsole.js
                    | - userConsole.json
                    | - userConsole.wxml
                    | - userConsole.wxss
    | - style
           | - guide.wxss
    | - app.js
    | - app.json
    | - app.wxss

README.md
project.config.json

• 在使用“云开发”的时候，一定要记得最先调用 初始化函数 init，小程序端和云端都需要 初始化函数

Client：
miniprogram/app.js

//app.js
App({
   
  onLaunch: function () {
   
    
    if (!wx.cloud) {
   
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
   
      wx.cloud.init({
   
        env: 'arthurslog-test-d4537a',
        traceUser: true,
      })
    }

    this.globalData = {
   }
  }
})

Server:
cloudfunctions/arthurSlog_getInfo/index.js

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

cloud.init()

// 云函数入口函数
exports.main = async(event, context) => {
   
  return event.userInfo
}

• 上面的Server端代码中

Server:
cloudfunctions/arthurSlog_getInfo/index.js

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

//cloud.init()

// 云函数入口函数
exports.main = async(event, context) => {
   
  return event.userInfo
}

• 没有调用到 “wx-server-sdk” 的方法，所以可以注释掉，不影响结果

• 这里提醒一下，就是 cloudfunctions 路径下的文件名称，就是云端向小程序端提供的方法

• 举个栗子 cloudfunctions/arthurSlog_getInfo，arthurSlog_getInfo这个文件夹的名字就是云端向小程序端提供的方法

• 现在在小程序端就可以参考小程序端API文档（客户端）

• 大部分函数都来源于 对象“wx”，这个 “wx”对象 就类似于服务端的 “wx-server-sdk”对象

• 这两个对象都包含了腾讯公司封装好的属性和方法

• 让我们来回顾一下之前的项目文件

Client
miniprogram/pages/index/index.js

//index.js
const app = getApp()

Page({
   
  data: {
   
    avatarUrl: './user-unlogin.png',
    userInfo: {
   },
    logged: false,
    takeSession: false,
    requestResult: ''
  },

  onLoad