微信小程序---腾讯云学习上手

最新推荐文章于 2024-06-24 10:18:50 发布

原创最新推荐文章于 2024-06-24 10:18:50 发布 · 950 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#腾讯云 #小程序

小程序专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了如何在小程序中接入腾讯云，涵盖云函数、数据库和存储三大功能。通过实例演示，从创建项目到实现用户信息获取、文件上传及数据库操作，提供了完整的实践流程。

小程序可以接入腾讯云已经是去年的事情了，现在闲下来，抽空撸一把玩玩，望大家互相学习指教，谢谢！

first：
当然是阅读官方API

主要有三大功能：

云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写自身业务逻辑代码
数据库：一个既可在小程序前端操作，也能在云函数中读写的 JSON 数据库
存储：在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理

那就开搞吧

准备工作：
创建新的小程序项目

可以直接使用：云开发快速启动版本（需要appid）
在微信开发者工具中点击云开发 —》开通—》新建环境
创建完成后的效果

在这里插入图片描述

提供的三个小demo，分别对应着“存储”，“数据库”，“云函数”
老实说很不错了，免费的要啥自行车…

云函数：

准备工作：

在项目project.config.json 中配置云函数目录（云开发快速启动版本已经帮忙配置好了）
例： “cloudfunctionRoot”: “cloudfunctions/”,
设置云环境（前提是已经开通云开发了），右键云函数目录点击“同步云函数列表”，自动把环境也配置上了
新建云函数：右键云函数目录—》新建Node.js云函数
快速模板中包含：
一个加法函数（需要自己新建云函数并上传，步骤以及代码都在快速模板中有的）
一个获取用户信息函数（无需新建就是云函数目录下的login，需要上传，右键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,
  }
}

使用云函数：首页点击快速获取用户信息—成功
附上调用方法：

	  // 调用云函数
    wx.cloud.callFunction({
      name: 'login',
      data: {},
      success: res => {
        console.log('[云函数] [login] user openid: ', res.result.openid)
        app.globalData.openid = res.result.openid
        wx.navigateTo({
          url: '../userConsole/userConsole',
        })
      },
      fail: err => {
        console.error('[云函数] [login] 调用失败', err)
        wx.navigateTo({
          url: '../deployFunctions/deployFunctions',
        })
      }
    })

在这里插入图片描述