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

相关推荐
七七软件开发33 分钟前
一对一交友小程序 / APP 系统架构分析
java·python·小程序·系统架构·php
胡西风_foxww2 小时前
Vue2 项目实现 Gzip 压缩全攻略:从配置到部署避坑指南
nginx·部署·vue2·配置·gzip·压缩·攻略
2501_916007473 小时前
iPhone查看App日志和系统崩溃日志的完整实用指南
android·ios·小程序·https·uni-app·iphone·webview
说私域5 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的私域流量拉新策略研究
人工智能·小程序·开源
2501_915918415 小时前
iOS 抓不到包怎么办?全流程排查思路与替代引导
android·ios·小程序·https·uni-app·iphone·webview
HebyH_6 小时前
uniapp如何封装uni.request 全局使用
uni-app
七七软件开发6 小时前
团购商城 app 系统架构分析
java·python·小程序·eclipse·系统架构·php
七七软件开发6 小时前
打车小程序 app 系统架构分析
java·python·小程序·系统架构·交友
换日线°17 小时前
css 不错的按钮动画
前端·css·微信小程序
说私域17 小时前
从渠道渗透到圈层渗透:开源链动2+1模式、AI智能名片与S2B2C商城小程序的协同创新路径研究
人工智能·小程序·开源