前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uniCloud云函数 云对象简单使用

uniCloud云函数 云对象简单使用

作者头像
代码哈士奇
发布2022-04-13 18:03:22
1.4K0
发布2022-04-13 18:03:22
举报
文章被收录于专栏:dmhsq_csdn_blog

云对象简单使用

今天看了下文档 发现多了个 云对象

目前需要下载 3.4.0及以上版本 目前为 alpha版本

个人觉得云对象 让我们更加的能 贴近面向对象

https://www.dcloud.io/hbuilderx.html

视频见 https://www.bilibili.com/video/BV1u34y1z71d?p=12

创建云对象

编写云对象逻辑

实现加减乘除

我们也可以写一些属性

代码语言:javascript
复制
// 开发文档: https://uniapp.dcloud.net.cn/uniCloud/cloud-obj
module.exports = {
	introduce: "maths",
	intro(){
		return this.introduce
	},
	add(num1, num2) {
		return num1 + num2;
	},
	mul(num1, num2) {
		return num1 * num2
	},
	reduce(num1, num2) {
		return num1 - num2
	},
	division(num1, num2) {
		if(num2===0){
			return {
				msg:"被除数不可以为0"
			}
		}
		return num1/num2
	}
}

调用

其实我们如果直接打印 我们引入的对象 会发现 他是一个 peoxy对象

客户端使用 uniCloud.importObject(‘云对象名称’); 是不是感觉很简单

代码语言:javascript
复制
<template>
	<view class="content">
		<button @click="hello">调用云函数</button>
		<input type="number" v-model="num1" />
		<input type="number" v-model="num2" />
		
		<button v-for="(item,index) in mathDels" @click="maths(item)" :key="index">{{item}}</button>

		<text>{{result}}</text>
		<text>云函数介绍{{introduce}}</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num1:0,
				num2:0,
				result:0,
				mathDels:['add','reduce','mul','division'],
				introduce:""
			}
		},
		onLoad() {
			
		},
		methods: {
			async maths(type){
				const maths = uniCloud.importObject('maths');
				this.introduce = await maths.intro()
				let res = await maths[type](parseInt(this.num1),parseInt(this.num2))
				this.result = res
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}

	.map-mine {
		width: 100%;
		height: 50vh;
	}
</style>

拓展

我们可以如编写一个 类似于实例化的 微信支付

客户端调用 更加易用

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022/03/21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 云对象简单使用
    • 创建云对象
      • 编写云对象逻辑
        • 调用
          • 拓展
          相关产品与服务
          云函数
          云函数(Serverless Cloud Function,SCF)是腾讯云为企业和开发者们提供的无服务器执行环境,帮助您在无需购买和管理服务器的情况下运行代码。您只需使用平台支持的语言编写核心代码并设置代码运行的条件,即可在腾讯云基础设施上弹性、安全地运行代码。云函数是实时文件处理和数据处理等场景下理想的计算平台。
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档