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 [email protected] -s

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

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

八、运行

九、成功

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

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

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

相关推荐
平凡的阿泽1 小时前
uniapp编译的app在ios上内存泄漏了
uni-app
大叔_爱编程2 小时前
wx203基于ssm+vue+uniapp的教学辅助小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
说私域11 小时前
消费品行业创新创业中品类创新与数字化工具的融合:以开源 AI 智能客服、AI 智能名片及 S2B2C 商城小程序为例
人工智能·小程序·开源
说私域12 小时前
开源AI大模型赋能的S2B2C商业生态重构研究——基于智能名片系统的体验认知与KOC背书机制
人工智能·小程序·重构·开源
咸虾米_12 小时前
uniapp微信小程序获取用户手机号uniCloud云开发版
微信小程序·小程序·uni-app·unicloud·获取手机号
然后就去远行吧16 小时前
小程序API —— 55页面处理函数 -上拉加载
小程序
wangpq18 小时前
微信小程序map组件渲染几百个marker后,页面卡顿,如何解决?
vue.js·微信小程序
伊泽瑞尔.21 小时前
uniapp自定义目录tree(支持多选、单选、父子联动、全选、取消、目录树过滤、异步懒加载节点、v-model)vue版本
uni-app
lyz24685921 小时前
uniapp uni-swipe-action滑动内容排版改造
uni-app