当前位置: 首页 > news >正文

uniapp vue3 vite项目使用微信云开发(云函数)

1、在根目录新建文件夹 cloudfunctions

2、配置 manifest.json

在项目根目录的 manifest.json 文件中,找到微信小程序配置部分,添加 cloudfunctionRoot 字段,指向你的云函数目录:

{"mp-weixin": {"cloudfunctionRoot": "cloudfunctions/" // 配置云开发目录}
}

3、配置 Vite ,项目运行后将文件夹cloudfunctions打包到mp-weixin

(1)首先下载依赖包,fs-extra,用于文件操作:

npm install fs-extra --save-dev
//或者
yarn add fs-extra --save-dev

(2)在 vite.config.js 中添加自定义插件,将 cloudfunctions 复制到打包目录:

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import fs from 'fs-extra';
import path from 'path';function copyCloudFunctions() {return {enforce: 'post',async writeBundle() {const targetDir = path.join(__dirname,'dist',process.env.NODE_ENV === 'production' ? 'build' : 'dev',process.env.UNI_PLATFORM,'cloudfunctions');await fs.copy(path.resolve(__dirname, 'cloudfunctions'), targetDir);},};
}export default defineConfig({plugins: [uni(), copyCloudFunctions()],
});

4、打包运行

npm run dev:mp-weixin

http://www.dtcms.com/a/290420.html

相关文章:

  • 全新开发范式:uni-app X助力全平台原生应用
  • uni-app 鸿蒙平台条件编译指南
  • 基于FPGA的IIC控制AHT20读取温湿度
  • 查看两个tv and 手机模拟器的ip
  • 探索无广告音乐世界:MusicFree 免费播放器
  • 【LuckiBit】macOS/Linux 常用命令大全
  • Java面试题034:一文深入了解MySQL(6)
  • rancher上使用rke在华为云多网卡的服务器上安装k8s集群问题处理了
  • C#最佳实践:为何应尽量减少静态类的使用
  • 华为云Stack交付流程
  • java list 与set 集合的迭代器在进行元素操作时出现数据混乱问题及原因
  • 7.21 树&递归
  • 计算机发展史:互联网时代的万物互联与全球变革
  • ssms(SQL 查询编辑器) 添加快捷键 Ctrl+D(功能等于Ctrl+C + Ctrl+V),一步到位
  • AC身份认证实验之AAA服务器
  • GStreamer开发笔记(九):gst-rtcp-server安装和部署实现简单的rtsp-server服务器推流Demo
  • 事务并发-封锁协议
  • Linux网络信息(含ssh服务和rsync)
  • 工业上位机开发选型:WinForms稳、WPF炫、Avalonia跨平台
  • 今日Github热门仓库推荐 第七期
  • 一.AD域与DFS集群-AD域安装
  • LP-MSPM0G3507学习--09定时器之四输出PWM
  • 3x3矩阵教程
  • 数据结构堆的实现(C语言)
  • 如果通过源码技术实现矩阵系统分部门管理?
  • cocos中实现3d人物角色头顶信息跟随功能,UI跟随3D/2D对象移动,例如昵称血条跟随人物移动
  • 开启PHP编程之旅:从基础语法到项目实践
  • QT6 源,七章对话框与多窗体(6) 颜色对话框 QColorDialog :本类的属性,信号函数,静态成员函数,以及源代码
  • 什么是GNN?——聚合、更新与循环
  • 时间管理的视觉艺术 《时间格子计算器》H5案例赏析