在原有的uniapp vu3项目(不是云开发)使用微信小程序云开发环境操作如下:
1、在uniapp项目manifest.json源码视图添加云开发目录及环境id配置:
2、对应在uniapp 项目目录下新建云函数目录cloudfunctions以及云函数(和微信小程序建立云函数一样操作):
3、在vite.config.js 加入复制配置,项目编译时会将云函数目录复制到编译后的文件夹下:
import {
defineConfig
} from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import path from 'path'
import fs from 'fs-extra';
function copyFile() {
return {
enforce: 'post',
async writeBundle() {
await fs.copy(
path.resolve(__dirname, 'cloudfunctions'),
path.join(
__dirname,
'unpackage/dist',
process.env.NODE_ENV === 'production' ? 'build' : 'dev',
process.env.UNI_PLATFORM,
'cloudfunctions'
)
);
},
};
}
/**
* @type {import('vite').UserConfig}
*/
export default defineConfig({
build: {
sourcemap: false, // App,小程序端源码调试,需要在 vite.config.js 中主动开启 sourcemap
rollupOptions: {}
},
server: {
hmr: true,
},
plugins: [
uni(),
copyFile()
],
});
4、App.vue文件初始化云开发:
在文件代码中直接调用
5、打包编译以及在微信开发者工具中上传部署云函数