uniapp实现微信小程序调用云函数【vue2】

在uniapp中的vue 2框架中想要改变默认的目录结构,将装有云函数的文件夹在运行后一起复制到unpackage 文件下,主要用 copy-webpack-plugin 方法来实现,具体步骤如下:

一、创建一个vue 2 框架的uniapp

二、新建一个文件夹装云函数

三、编写 vue.config.js 文件

具体代码如下:

复制代码
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')

module.exports = {
	configureWebpack: {
		plugins: [
			new CopyWebpackPlugin(
				[
					{
						from: path.join(__dirname, 'cloudfunctions'),
						to: path.join(__dirname, 'unpackage/dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env
						.UNI_PLATFORM, 'cloudfunctions')
					}
				]
			)
		]
	}
}

四、打开内置终端

五、进行初始化操作

输入npm init 命令后一直回车,走默认的初始化

复制代码
npm init

六、下载安装 copy-webpack-plugin

下载命令如下:

复制代码
npm install copy-webpack-plugin@5.0.3 -s

七、增加和完善manifest.json 文件

补充完整appid的内容,增加cloudfunctionsRoot 这行代码

八、运行

九、成功

在微信开发的界面中,cloudfunctions 文件夹成功复制

以上就是关于uniapp 的vue2 框架的对云函数的复制,但是如果是vue3 框架的话,以上的方法不成立,本人写了一个关于针对vue3 的云函数复制的文章,请移步到如下:

关于uniapp/vue3的cloudfunctions 的复制https://blog.csdn.net/rzh554/article/details/139399136

相关推荐
江城开朗的豌豆2 小时前
小程序避坑指南:这些兼容性问题你遇到了几个?
前端·javascript·微信小程序
iOS阿玮2 小时前
分享一个4.3(a)瓜,一个操作毁了公司3个月的成果。
uni-app·app·apple
江城开朗的豌豆2 小时前
玩转小程序页面跳转:我的路由实战笔记
前端·javascript·微信小程序
00后程序员张3 小时前
苹果软件混淆的工程逻辑,从符号空间到资源扰动的体系化实现
android·ios·小程序·https·uni-app·iphone·webview
街尾杂货店&8 小时前
word属性解释
uni-app
zluz_11 小时前
微信小程序,组件中使用全局样式
微信小程序·小程序
明月(Alioo)13 小时前
用AI帮忙,开发刷题小程序:微信小程序中实现Markdown图片解析与渲染功能详解
微信小程序·小程序·aigc
aiguangyuan15 小时前
微信小程序中的双线程模型及数据传输优化
微信小程序·前端开发
说私域17 小时前
技术指数变革下的组织适应性研究:基于定制开发开源AI智能名片S2B2C商城小程序的实践观察
人工智能·小程序·开源
笨笨狗吞噬者18 小时前
【uniapp】小程序体积优化,JSON文件压缩
前端·微信小程序·uni-app