花果园网站建设百度快照网站

背景：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 : falseconsole.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>