在原有的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、打包编译以及在微信开发者工具中上传部署云函数

更多推荐