评论

如何在现有的小程序中引入云开发能力

如何在一个老项目引入云开发

在进行小程序开发的时候,我们很容易基于官方提供的小程序·云开发模板,来实现我们自己的小程序业务需求,但是到了一些老旧项目改造的时候,就使得不少人迷茫了,如何操作才能让我们已有的小程序也可以使用云开发呢?今天我们就来说一说。

Requreiments

和很多第三方的组件功能不同,云开发是集成在小程序官方的运行环境中,也就是说,你不需要做任何配置,就可以使用云开发来开发自己的小程序

虽然无需配置就可以使用,但是为了更好的使用云开发进行开发工作,我们需要配置一些东西,以获得完整的云开发应用体验。

添加步骤

在添加云开发时,我们需要做以下三件事,来在一个老项目中,引入云开发的能力。

  1. 设置云函数路径
  2. 初始化云环境
  3. 配置基础库版本

1. 设置云函数路径

小程序中有那么多文件和路径,小程序开发者工具是如何判断某一段代码用于云函数呢?这是源自于我们的小程序配置文件 project.config.json 中的一个配置项目 cloudfunctionRoot,这个项目的配置路径,就是我们的小程序中的云函数所对应的路径。

{
	"miniprogramRoot": "miniprogram/",
	"cloudfunctionRoot": "cloudfunctions/",
	...
}

因此,如果我们要在小程序中引入云开发,就需要先在我们的小程序目录中创建相关文件夹,并配置对应的配置。

比如说,我们创建一个 cloud 目录来存储云函数,我们就需要配置 cloudfunctionRoot 的值为 cloud.如果你看到小程序开发者工具中你对应的目录中出现了一个云朵的标志,则说明你的云函数目录配置成功了。

2. 初始化云环境

在完成了配置以后,我们接下来初始化云函数,从而确保我们后续的调用。

我们需要在小程序的 app.js 中的 onLaunch 生命周期中初始化云开发,具体代码如下

App({
	onLaunch(){
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        // env: '你的环境ID',
        traceUser: true,
      })
    }
  },
})

这段代码在我们的小程序的 onLaunch 生命周期中,调用了云开发的 init 命令,这样就可以在后续的其他生命周期内调用云开发的命令,执行各种操作。

3. 配置基础库版本

为了能够更好的开发,我建议你在开发时,将你的基础库版本设置的高一些,这样在开发时,可以使用一些较新的 API , 提升开发的体验。

你只需要在开发者工具中,点击右上角的详情,找到详情中的「本地设置」,在其中可以修改调试时使用的基础库。

总结

在这次的文章中, 我们分享了如何将一个旧的小程序,进行云开发化。只需要三步,就可以让你的小程序,轻松云化。

最后一次编辑于  10-14  
点赞 1
收藏
评论