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

相关推荐
2501_9151063221 小时前
iOS 混淆与 IPA 加固全流程,多工具组合实现无源码混淆、源码防护与可审计流水线(iOS 混淆|IPA 加固|无源码加固|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者821 小时前
用多工具组合把 iOS 混淆做成可复用的工程能力(iOS混淆 IPA加固 无源码混淆 Ipa Guard)
android·ios·小程序·https·uni-app·iphone·webview
lypzcgf1 天前
商城小程序数据库表结构文档
数据库·小程序·电商
2501_915921431 天前
掌握 iOS 26 App 性能监控,从监测到优化的多工具组合流程
android·macos·ios·小程序·uni-app·cocoa·iphone
勉灬之1 天前
通过npm run XXX命令生成uniapp的pages.json文件
npm·uni-app·json
知识分享小能手1 天前
uni-app 入门学习教程,从入门到精通, uni-app常用API的详细语法知识点(上)(5)
前端·javascript·vue.js·学习·微信小程序·小程序·uni-app
Strawberry961 天前
chooseVideo传视频无法取到缩略图
微信小程序
一匹电信狗1 天前
【C++】手搓AVL树
服务器·c++·算法·leetcode·小程序·stl·visual studio
2501_916008891 天前
手机 iOS 系统全解析,生态优势、开发机制与跨平台应用上架实践指南
android·ios·智能手机·小程序·uni-app·iphone·webview
00后程序员张1 天前
Fiddler使用教程,全面掌握Fiddler抓包工具的配置方法、代理设置与调试技巧(HTTPHTTPS全解析)
前端·测试工具·ios·小程序·fiddler·uni-app·webview