微信小程序●云开发部署攻略

时间:2024-04-09 11:15:41

初识微信开发者工具,有点懵,下载的是v1.02.1810190版本,进去点击什么都提示错误,摸索了下最终成功部署,特此记录一下,旨在帮助大家真正快速部署成功,可以潜心研究他的api,减少各位大佬的磨刀时间。
微信小程序开发文档
先认识下微信开发工具吧,即先下载,然后部署,认识云开发,认识云环境

认识小程序

  • 小程序是一种无需安装,不占内存,易传播的应用

  • 主要运用的是云开发,无需搭建服务器,即可使用云端能力,为开发者提供完整的云端支持,弱化后端和运维概念,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代。

  • 目前提供三大基础能力支持:云函数、数据库、存储

以下从部署完成微信开发工具,实现云函数计算、数据库存储应用~

首先是下载

  • 下载微信开发者工具的安装包
  • 安装包地址
  • 现在最新版是v1.02.1810190版本

然后是部署

看了这个工具一圈,发现有用的能点击开通的就是云开发了,页面点击都报错,要么是获取不了appid,要么是让部署云函数

我们会发现,它自动生成两个不可删除的文件夹,一个是cloudfunctions(代表了云函数),一个是 miniprogram(小程序项目文件)

  1. 点击云开发,开通

微信小程序●云开发部署攻略

  1. 同时创建环境
    微信小程序●云开发部署攻略
    给当前项目工程配置数据库的环境,并生成一个环境ID,这是需要记录并注意的,要注意的就这个环境名字是你自己写的,官方并没有限制名字长度,但是你一定不要写太长,6-8位也就差不多了
    每个小程序账号只能创建两个环境
  2. 添加云开发环境
    在cloudfunctions文件夹上,右击添加环境,并将文件上传部署至云环境,会发现云函数文件前面有云标识
    微信小程序●云开发部署攻略
  3. 部署完成
    此时点击获取openid,便会显示获取成功
    微信小程序●云开发部署攻略

1.测试云函数

一个云函数的写法与一个在本地定义的 JavaScript 方法无异,代码运行在云端 Node.js 中。当云函数被小程序端调用时,定义的代码会被放在 Node.js 运行环境中执行。我们可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作,而且我们还可以通过云函数后端 SDK 搭配使用多种服务
直接按照它的步骤走,上传并部署所有文件,会报错,找不到这个wx-server-sdk包。尝试去找这个云函数的本地目录,也就是sum文件夹下,安装这个模块,然后上传部署到云环境

npm install --save wx-server-sdk@latest

后来仔细就会发现,微信开放工具,在上传部署的时候,有一个“上传并部署:云端安装依赖(不上传node_moudules)”,这样就不用自己下载安装部署了,云端自动给安装好了~
微信小程序●云开发部署攻略

2. 测试数据库

云开发提供了一个 JSON 数据库,顾名思义,数据库中的每条记录都是一个 JSON 格式的对象。一个数据库可以有多个集合(相当于关系型数据中的表),集合可看做一个 JSON 数组,数组中的每个对象就是一条记录,记录的格式是 JSON 对象。

  • 在云开发控制台 -> 数据库 -> 添加集合
  • 获取数据库引用:const db = wx.cloud.database()
  • 获取集合引用:db.collection(‘books’)
  • 获取对一个记录的引用: db.collection(‘todos’).doc(‘my-todo-id’)

跟所有的数据库一样有增-add、删-remove、改-set/update、查-get、统计记录条数-count等

查询数据库的某条集合如下

// 1. 获取数据库引用
const db = wx.cloud.database()
// 2. 构造查询语句
// collection 方法获取一个集合的引用
// where 方法传入一个对象,数据库返回集合中字段等于指定值的 JSON 文档。API 也支持高级的查询条件(比如大于、小于、in 等),具体见文档查看支持列表
// get 方法会触发网络请求,往数据库取数据
db.collection('books').where({
  publishInfo: {
    country: 'United States'
  }
}).get({  
  success: function(res) {
  // 输出 [{ "title": "The Catcher in the Rye", ... }]
  console.log(res)
 }
})

3.存储

云存储提供高可用、高稳定、强安全的云端存储服务,支持任意数量和形式的非结构化数据存储,如视频和图片,并在控制台进行可视化管理。

小程序·云开发提供了一系列存储操作 API,此处是存储小程序端的 API 参考文档。

API 说明
uploadFile 上传文件
downloadFile 下载文件
deleteFile 删除文件
getTempFileURL 换取临时链接

可以实现文件的上传下载等数据存储操作。
上传以后可以在云开发控制台的存储管理中查看