热文精品教程

在uniapp源码中使用微信自带云开发教程

今天给大家写一个在uniapp源码中使用微信自带云开发的教程,虽然uniapp本身已经自带了uniCloud,但是可能还是有朋友喜欢使用微信自带的 #云开发# ,但是又想利用uniapp框架开发小程序,所以这个教程就有了存在的必要。

新建uniapp项目‍

这个步骤不是必须的,因为就是已经搭建好了的小程序想要额外添加云开发也是可以的,主要是为了让大家看得清楚一些。

新建uniapp项目演示图

这里不用勾选启动云开发,因为这个云开发是uniapp自带的云开发,并不是微信小程序云开发。新建后你看到的目录结构如下:

uniapp新项目的目录结构

创建云函数文件夹

这里我们在static文件夹新建一个文件夹(cloudfunctions),也就是云函数文件夹,结构如下:

新建云函数文件夹

申明云函数文件夹

其实目前新建之后,它只是一个单纯普通的文件夹,所以我们需要申明一下,这里我们点击manifest.json文件,然后选择源码视图,如下图所示:

manifest.json源码视图

找到微信小程序相关配置,申明云函数文件夹,如下所示:

申明微信小程序云开发

申明字段如下:

"cloudfunctionRoot": "static/cloudfunctions/"

初始化云函数

这个应该不用多说了吧,使用微信自带编辑器的时候进行云开发也是需要进行初始化云函数的,打开App.vue文件,然后再onLaunch事件中加入初始化代码,这里采用条件编译的形式添加,代码和微信开发工具配置云开发初始化一样。

初始化云空间

初始化字段如下:

//#ifdef MP-WEIXIN

wx.cloud.init({

env: 'xxxxxxxx' //你的云空间id

})

//#endif

这里的写法和微信开发工具是一样的,就是加上了条件编译符。

这样就可以在uniapp中使用微信小程序云开发功能了,更多优质教程,请关注我。

原创文章,作者:小创果,如若转载,请注明出处:https://www.i4qq.com/jpjc/uniappsyzdykf.html
多端壁纸小程序云开发带后台预售
« 上一篇 12-01
壁纸小程序云开发双端兼容带后台最新发布
下一篇 » 12-28

发表评论

作者信息

安好屋

热门文章

最多点赞

标签TAG

热评文章