对于uni-app开发微信小程序时,怎么去创建,使用云函数,官方并没有进行说明。我根据自己的开发经验,写下这篇文章,供大家参考。
大部分初学者刚开始使用云函数时,就直接在根目录下创建了cloudfunctions云函数的目录,在编译时却一直编译不出来,其实咋和时候你就应该想到,webpack在打包压缩时未对我们新建目录的进行处理。我梳理了一个开发步骤,供大家参考。
一、打通Hbuilder X到微信开发者工具
第一步:创建uni-app项目,具体就不在细讲,参考官网。(我们详细讲解云函数创建)
第二步:在根目录下创建cloudfunctions目录(名字可以自己起),并且在mainifest.json文件中添加cloudfunctionRoot用于指定存放云函数的目录。注意,注意,注意:我们创建目录是一定要创建一个.css或者.js等的文件,不然后边webpack编译时,仍旧编译不出cloudfunctions文件。
第三步:我们在根目录下创建vue.config.js文件并且编写。具体内容如下:
最后,进行编译运行,这时可能会报错误,这是因为我们没有安装:说明未安装copy-webpack-plugin插件,我们用npm install -save copy-webpack-plugin 运行一下即可。这时我们去微信开发者工具就可以看到 cloudfunctions文件夹了,说明我们已经打通Hbuilser X到微信开发者工具壁垒,可以进行Hbuilder X编写,微信开发者工具查看。
二、创建云函数demo
我们在微信开发者工具中将鼠标放在cloudfunctions目录上右键,新建node.js云函数,建立一个login云函数目录后,出现入口文件index.js和package.json;创建好以后,我们把login整个目录复制到uni-appd的cloudfunctions根目录下,这时,我们就可以在Hbuilser X下的login中的index.js中写我们自己的业务逻辑了,Hbuilser X编译后会在微信开发者工具中看到。
希望我写的对需要的人,能有所帮助!
