【云开发】小程序端中使用云函数的介绍

这篇具有很好参考价值的文章主要介绍了【云开发】小程序端中使用云函数的介绍。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

云函数

云函数基本介绍

云函数即在云端(服务器端)运行的函数:

在物理设计上,一个云函数可由多个文件组成,占用一定量的CPU 内存等计算资源;

各云函数完全独立,可分别部署在不同的地区;

开发者无需购买、搭建服务器,只需编写函数代码并部署到云端即可在小程序端调用;

同时云函数之间也可互相调用;

云函数的编写方式:

一个云函数的写法与一个在本地定义的 JavaScript 方法无异,代码运行在云端 Node.js 中;

当云函数被小程序端调用时,定义的代码会被放在Node.js 运行环境中执行;

我们可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作,而且我们还可以通过云函数后端 SDK 搭配使用多种服务,比如使用云函数 SDK 中提供的数据库和存储 API 进行数据库和存储的操作

云开发的云函数的独特优势在于与微信登录鉴权的无缝整合

当小程序端调用云函数时,云函数的传入参数中会被注入小程序端用户的 openid,开发者无需校验 openid 的正确性因为微 信已经完成了这部分鉴权,开发者可以直接使用该 openid。


云函数基本使用

可以右键云函数的文件夹, 选择云环境

【云开发】小程序端中使用云函数的介绍

云函数的使用过程:

右键点击云函数文件夹, 创建一个云函数

【云开发】小程序端中使用云函数的介绍

创建完成后, 可以在moudle.js文件的入口函数中编写云函数的代码逻辑

const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
  // 自己编写的云函数
	return "Hello Cloud Function"
}

编写完成后将云函数上传到云端

【云开发】小程序端中使用云函数的介绍

上传完成后, 可以在小程序中端调用API wx.cloud.callFunction对云函数进行调用

<button type="primary" bindtap="onTestTap">测试云函数</button>
Page({
	async onTestTap() {
		const res = await wx.cloud.callFunction({
			name: "test"
		})
		console.log(res);
	}
})

云函数传递参数

例如: 让云函数帮我们计算两个数字的和

首先创建一个云函数sum, 并在云函数中编写逻辑代码, 编写完成后上传云函数

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

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
	// 获取调用者传入的参数, event中获取传入的参数
	const { num1, num2 } = event
	return num1 + num2
}

上传完成后, 在小程序端调用云函数, 并且传入参数


async onSumTap() {
  const num1 = 20
  const num2 = 40

  const res = await wx.cloud.callFunction({
    name: "sum",
    // data中传递参数
    data: {num1, num2}
  })
  console.log(res);
}

云函数获取openID

openid可以用于作为用户身份的标识符,所以在云开发中我们可以获取用户openid来验证用户是否已经登录。

openid获取方式, 在云函数中获取微信调用上下文cloud.getWXContext():Object

// 云函数入口函数
exports.main = async (event, context) => {
	const wxContext = cloud.getWXContext()

	return {
		openid: wxContext.OPENID,
		unionid: wxContext.UNIONID,
	}
}

在小程序端调用云函数即可获得openid

<button type="primary" bindtap="onGetOpenId">获取openid</button>
async onGetOpenId() {
  const res = await wx.cloud.callFunction({
    name: "getopenid"
  })
  console.log(res);
}

云函数操作数据库

云函数中对数据库的操作限制更少,所以我们常常会在云函数中进行数据库操作:

比如可以根据条件一次性删除多条数据;

比如对数据请求的个数没有严格的限制, 小程序端一次可以请求20条数据, 而云函数一次可以请求100条数据;

在云函数操作数据库的方式和小程序端是类似的, 只不过是编写到了云函数中

// 云函数入口函数
exports.main = async (event, context) => {
	// 获取数据库和集合
	const db = cloud.database()
	const studentsCol = db.collection("students")
	// 从集合中获取数据
	const res = await studentsCol.get()
	// 将数据返回出去
	return res
}

编写完云函数上传后, 我们就可以在小程序端调用云函数获取结果

<button type="primary" bindtap="onGetStuengts">获取数据</button>
async onGetStuengts() {
  const res = await wx.cloud.callFunction({
    name: "getStudents"
  })
  console.log(res);
}

云函数发送http请求

云函数中支持对其他服务器进行http请求,也支持使用axios库发生网络请求:

所以对于小程序某些域名的限制无法配置时,我们可以通过云函数作为代理来请求数据,再返回给小程序端;

进入编写云函数的文件夹下, 安装axios库npm i axios发送网络请求, 安装完成后就可以在云函数中通过axios发送网络请求

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

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
	// 从自己的服务器请求数据
	const res = await axios.get("http://123.207.32.32:8000/home/multidata")
	// 将数据返回给客户端
	return res.data
}

在小程序端我们就可以调用云函数获取到axios返回的数据文章来源地址https://www.toymoban.com/news/detail-405403.html

async onGetHome() {
  const res = await wx.cloud.callFunction({
    name: "getHomeData"
  })
  console.log(res);
}

到了这里,关于【云开发】小程序端中使用云函数的介绍的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序商城搭建--后端+前端+小程序端

    前端技术:React、AntdesignPro、umi、JavaScript、ES6、TypeScript、 小程序 后端技术:Springboot、Mybatis、Spring、Mysql 后端采用Springboot搭配前端React进行开发,完成用户管理、轮播图管理、一级分类管理、商品管理、日志管理。 支持多图上传功能,封面图。 采用JWT+拦截器进行接口拦截

    2024年02月05日
    浏览(52)
  • 【java】【ssm】【微信小程序】 初级移动医院预约系统成品代码动态网站开发网页WEB浏览器端B/S结构移动微信小程序端项目

    本系统是使用java语言结合mysql数据库开发的医院预约系统,后台管理是网页WEB浏览器端B/S结构,移动端是微信小程序。 其中分为前端和后台。 前端主要是患者预约使用,包括预约、医生详情查看、医生列表查询、个人中心等。 后台则是对系统的所有数据进行管理。 后台用户

    2024年02月03日
    浏览(50)
  • uniapp小程序端使用腾讯地图

    一、获取腾讯地图密钥 1. 找到腾讯地图API 腾讯地图A地址PI 注册并登录后点击 开发文档 选择 微信小程序JavaScript SDK 进入后按照 Hello world! 中的步骤进行 2. 申请密钥 点击上面第一步中的 申请密钥 ,进入我的应用,在创建应用中输入创建的名称和类型 创建成功后点击 添加

    2024年02月16日
    浏览(48)
  • ChatGPT付费创作系统小程序端开发工具提示打开显示无法打开页面解决办法

    很多会员在上传小程序前端时经常出现首页无法打开的情况,错误提示无法打开该页面,不支持打开,这种问题其实就是权限问题,页面是通过调用web-view访问,说明业务域名有问题,很多都是合法域名加了,但忘了加业务域名导致。 小程序后台小程序类目选择:工具 - 办公

    2024年02月16日
    浏览(59)
  • 如何开发微信小程序,后端,前端,小程序端,如何部署到腾讯云托管

    开发微信小程序是一项非常有趣的任务,它涉及到前端、后端和小程序端的开发。在本文中,我们将介绍如何开发微信小程序,并将其部署到腾讯云托管。 一、前端开发 前端开发是微信小程序开发的第一步。在这一步中,我们需要使用微信小程序开发工具来创建一个新的小

    2024年02月16日
    浏览(41)
  • 微搭使用笔记(六) 通过源码组件实现小程序端地图

    微搭官方提供了大量常用组件,但由于微搭本身也是在不断地完善过程中,有些组件还是没有提供,但同时微搭允许用户自定义组件并在应用中使用。 实际场景是这样的,我们需要一个地图页面在上面展示已知设备的信息和位置,这个需求需要用到地图和地图上的markers,而

    2024年02月04日
    浏览(42)
  • uniapp - 微信小程序接入腾讯视频播放器功能插件,uniapp开发微信小程序端调用引入并使用腾讯视频播放组件完整全流程(详细示例源码,一键复制开箱即用)

    在uniapp 微信小程序项目中,集成腾讯视频功能插件,实现播放腾讯视频效果,附带详细示例源码及注释, 你可以跟着步骤一步步来,保证几分钟就能快速在uniapp小程序项目中植入腾讯视频功能!

    2024年02月12日
    浏览(68)
  • uniapp 在app和小程序端使用webview进行数据交互

    结论:app端支持比较好可以做到实时传递,微信小程序支持比较差,小程序向url传参只能通过url,url向app传参需要特定时机(后退、组件销毁、分享、复制链接)触发才能收到消息。 以下是代码 app端(需要使用nvue) 微信小程序端(正常vue格式) 3、html端

    2024年02月16日
    浏览(46)
  • 微信小程序开发---基本组件的使用

    目录 一、scroll-view (1)作用 (2)用法 二、swiper和swiper-item (1)作用 (2)用法 三、text (1)作用 (2)使用 四、rich-text (1)作用 (2)使用 五、button (1)作用 (2)使用 六、image (1)作用 (2)使用 前言: 本文主要介绍刚学习微信小程序需要学习的一些基本组件 可滚

    2024年02月09日
    浏览(54)
  • uniapp+unicloud开发一个网页端,小程序端,APP端,桌面端的博客CMS系统——万能的三三

    做为一个开发者,怎么能没有一个自己的博客呢? 都说现在是小程序,APP时代了,显然只有网页端已经跟不上时代了,于是乎就想找一个免费的能同时支持网页端,小程序,APP的博客系统... 于是花了一点点时间,没找到合适的... 好吧,那既然自己是开发者,那为什么不能自

    2024年01月25日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包