3步整明白[腾讯云开发]在web项目中使用【适合新接触腾讯云开发的人，高手多多指教】

最新推荐文章于 2024-09-25 07:59:38 发布

1999笃行

最新推荐文章于 2024-09-25 07:59:38 发布

阅读量1.2k

点赞数 3

分类专栏：腾讯云开发 JavaScript 文章标签：服务器

本文链接：https://blog.csdn.net/qq_29712303/article/details/113849458

版权

JavaScript 同时被 2 个专栏收录

5 篇文章

订阅专栏

腾讯云开发

1 篇文章

订阅专栏

（于：2021-02-18，文档和操作可能会变更，官方文档为准）

什么是腾讯云开发（Tencent CloudBase）？我的监督理解是不用自己搭建（配置）服务器的一个服务。详细介绍请参考官方文档。

我为什么使用腾讯云开发：我个人想做些应用（之前主要用些小配置服务器或者虚拟主机），虚拟主机和小配置服务器（自己对服务器的配置不懂）都担心稳定和安全问题，如果

！如果！我说的是如果，我的应用万一有大流量来要如何稳定运行？腾讯云开发会自动扩容，解决了我的需求。（阿里云、百度云也有类似产品，但是他们好像没有整合数据库和文件存储，需要自己整合，没有详细看他们的文档）。

所以无意间看到了腾讯云的云函数和腾讯云开发（腾讯云开发整合了腾讯云旗下的云函数、数据库、文件存储等）；腾讯云开发就解决了我服务器管理的一切问题，只管写业务就可以。

刚接触的时候，整了几天都没弄明白我的应用要如何访问云开发里的云函数。这次简单整通了，简单记录方便和我一样的新入门者。

先整一个vue访问腾讯云开发的云函数流程，明白这个就明白大概流程，后续会方便些。

大概流程：

1.开通腾讯云云开发

云开发 (参考文档) [基本是按照提示，（先开通云开发，开通后回来接着看我这个小笔记）]，到【创建】环节注意选择“空模板”（其他的模板后续自己参考文档再整）；然后下一步 => 按提示操作

2.写个测试的云函数

进入刚创建的云开发环境，在窗口的左侧导航，找到【基础服务】=>【云函数】点进入云函数，【创建云函数】

下一步，然后确定

OK，云开发的云函数整完了，接下来该写vue程序了。（函数代码可以在自己本地写吗？当然可以。）

3.vue里js发起携带数据请求云函数

inde.vue 文件里的js，其他代码略过。

重点：被执行的云函数要授权可以被执行，参考文档

//腾讯云 云开发相关文档 https://docs.cloudbase.net/api-reference/webv2/initialization.html#an-zhuang

//这个包的引入和使用请参考 上述网址，上述网址有<script src="//imgcache.qq.com/qcloud/cloudbase-js-sdk/${version}/cloudbase.full.js">引入方式
import cloudbase from '@cloudbase/js-sdk';

const app = cloudbase.init({
  env: '云开发环境ID',
});

export default {
 name: 'index',
 methods: {
  demo() {
   // 执行云函数
   app.callFunction({
    // 被执行的云函数，要在云开发控制台下的[云函数]->[权限控制]处授权 文档地址：https://cloud.tencent.com/document/product/876/46799
    name: 'demo',//云函数的名字
    data: {//传给云函数的数据
      age: 230,
      name: '张小斌',
    },
   }).then((res) => {
    window.console.log(res);
   });
  },
 },
};

授权云函数可以被执行示例

//此处的代码是在 云开发控制台下的 【基础服务】->[云函数]->[权限控制]
{
    "*": {
        "invoke": "auth != null"
    },
//demo 是云函数名 
    "demo": {
        "invoke": true
    }
}

请求结果：

因为云函数的参数event有请求数据，云函数中有return event 所以我浏览器控制台接收到了我发送的数据。