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

背景: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>
相关推荐
余道各努力,千里自同风2 天前
NodeJs接入腾讯云存储COS
云计算·腾讯云
wuzuyu3659 天前
在腾讯云上安装gitlab
云计算·gitlab·腾讯云
是店小二呀10 天前
腾讯云推出CodeBuddy:革新AI全栈开发体验
人工智能·云计算·腾讯云·aiide·codebuddyide
apihz15 天前
全球天气预报5天(经纬度版)免费API接口教程
android·服务器·开发语言·c#·腾讯云
why15115 天前
7.15 腾讯云智面经整理
云计算·腾讯云
Devil枫15 天前
性能狂飙?腾讯云EdgeOne实测体验--公平公正
云计算·腾讯云
小刘|15 天前
腾讯云服务上下载docker以及使用Rabbitmq的流程
docker·rabbitmq·腾讯云
scuter_yu15 天前
腾讯云云服务器深度介绍
服务器·云计算·腾讯云