Mpvue中使用云函数

  |  
阅读次数
  |  
字数 460
  |  
时长 ≈ 2 分钟

一、介绍

在Mpvue中编辑、上传并使用小程序云函数

二、配置、使用

  1. 配置小程序云函数根目录,
    在/static目录下创建cloud/function目录,
    在该目录底下随便创建一个文件,比如“test.js”,主要目的是使发布时dist目录下面新增刚刚添加的目录。

  2. 配置project.config.json文件
    在project.config.json文件下面新增以下字段

    1
    2
    3
    {
    "cloudfunctionRoot": "/static/cloud/functions/"
    }
  3. 编译
    运行 npm run dev 编译
    注意:这可能在编译后不会生效,
    保险起见,应在后检查dist/project.config.json文件,
    看看刚刚的字段是否添加成功,如果没有,请在dist/project.config.json中也添加上述字段。

  4. 使用微信开发者工具
    使用“微信开发者”工具,打开编译后的目录。
    如第一次使用云函数,则需要点击右上角的“云开发”按钮,按照步骤开通云开发。
    Mpvue中使用云函数1

  5. 编写云函数
    如果是现有的云函数,则直接把云函数文件夹及文件复制进项目”/static/cloud/function”目录底下
    如果是新增的云函数,则需要在“微信开发者”工具里,打开“编辑器”窗口,找到function目录,右键选择“新建Node.js云函数”创建一个新的云函数,再将生成的文件夹以及底下的文件复制进去”/static/cloud/function”目录底下,进行编写。
    Mpvue中使用云函数2

  6. 上传云函数
    右键点击函数目录,选择“上传并部署(云端安装依赖)”,对云函数进行上传。
    Mpvue中使用云函数3

  7. 使用
    上传后即可开始在项目里面使用云函数,

在main.js里面加入以下代码

1
2
3
wx.cloud.init({
traceUser: true
})

最后在项目里面使用wx.cloud.callFunction即可调用云函数。