网页请求腾讯云环境的云函数

背景:uniapp,做一个管理后台

需求:在PC端网页请求云环境的云函数

npm

复制代码
npm install @cloudbase/js-sdk -S

在APP中,封装匿名登陆,因为未登录时无法请求云函数

app.vue

复制代码
<script>
	import Vue from 'vue'
	import cloudbase from "@cloudbase/js-sdk";
	export default {
		globalData: {
		},
		onLaunch(e) {
			const cloud = cloudbase.init({
				env: "cloudbase-你的云环境ID",
			})
			Vue.prototype.$cloud = cloud;
			let db = cloud.database();
			Vue.prototype.$db = db;

			// 初始化云开发
			Vue.prototype.$cloudInitPro = (env) => {
				return new Promise(async rr => {
					cloud.auth().getLoginState().then((loginStateR) => {
						let loginStatus =loginStateR ? true : false
						console.log('登录状态', loginStatus);
						rr(loginStatus)
					});
				})
			}

		}
	};
</script>

<style lang='scss'>
	.p_r {
		display: flex;
		flex-direction: row;
	}
</style>

组件index.vue调用云函数

复制代码
<template>
	<div class="hello">
			<button @click="navChatRoom" class="btn btn-primary">登录</button>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				msg: ''
			}
		},
		async created() {
			this.$cloudInitPro().then(() => {
				this.$cloud.callFunction({
						name: 'turnover_get', // 对应云函数名
						data: {},
					})
					.then((ress) => {
						console.log('turnover_get----', ress)
					})
			})

		},
		methods: {
			navChatRoom() {
			}
		}
	}
</script>
<style scoped>
</style>
相关推荐
似水流年 光阴已逝7 小时前
腾讯云重保流程详解:从预案到复盘的全周期安全防护
安全·云计算·腾讯云
血手人屠喵帕斯1 天前
腾讯云人脸库技术架构深度解析
架构·云计算·腾讯云
似水流年 光阴已逝1 天前
腾讯云DTS数据库迁移底层原理与实战解析
云计算·腾讯云·数据迁移
熊猫钓鱼>_>15 天前
腾讯云EdgeOne KV存储在游戏资源发布中的技术实践与架构解析
游戏·架构·腾讯云
星哥说事16 天前
腾讯云iOA:全面提升企业办公安全与效率的智能解决方案
网络·安全·腾讯云
开航母的李大16 天前
腾讯云terraform学习教程
学习·腾讯云·terraform
Rverdoser17 天前
腾讯云Edgeone限时免费
云计算·腾讯云
熊猫钓鱼>_>18 天前
腾讯云EdgeOne Pages深度使用指南
javascript·云计算·腾讯云
是小崔啊19 天前
腾讯COS云存储入门
腾讯云·云存储·分布式文件存储
熊猫钓鱼>_>21 天前
腾讯云EdgeOne产品深度分析报告
云计算·腾讯云