关于unaipp生成的vue3项目开启微信云函数所遇到的问题

这篇具有很好参考价值的文章主要介绍了关于unaipp生成的vue3项目开启微信云函数所遇到的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用uniapp创建的vue3项目,需要用到H5静态页面跳转小程序的时候(具体操作看微信开发文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html),会用到微信开发者工具的云开发,那么在创建的项目里面是没有用到云函数的,就没有云函数的文件夹

如何给uniapp项目配置云函数

网上能搜到的方法大致步骤都是和这个类似https://blog.csdn.net/weixin_44885978/article/details/119346214
但是我写的没用,甚至uniapp项目下添加的vue.config.js都不生效,不知道是为什么,但是试了一下uniapp vue2项目可以运行vue.config.js,但是使用copy-webpack-plugin插将项目中的存放云函数的个文件夹在打包的时候复制一份到打包后的文件夹中 却没有生效,不知道是什么原因
虽然原因没搞清除,但是得解决问题

如何解决

将项目运行到微信开发者工具,并在微信开发者工具打开的项目目录里添加云函数目录,当然在这之前需要在项目的manifest.json配置文件里配置云函数目录
关于unaipp生成的vue3项目开启微信云函数所遇到的问题,微信

然后在微信开发者工具打开的项目目录下添加对应的云函数文件夹,比如上面写的是cloud,则添加cloud文件夹,安装微信小程序添加云函数的步骤进行添加云函数,然后上传部署,云函数就添加好了,但是这样子添加云函数需要手动操作,如果需要多次添加的话是很不友好的,但是我的项目暂时只需要添加一次,所以如果需要添加还是需要使用copy-webpack-plugin方法
关于unaipp生成的vue3项目开启微信云函数所遇到的问题,微信

这样虽然云函数添加好了,但是在调试的时候确报错,这是因为wx-server-sdk(这个函数在云函数里面会引入的)不是最新版导致的,重新安装就可以解决
上述虽然解决了我的问题,但是还有很多地方不明白是为什么,烦请各位看官多多指教文章来源地址https://www.toymoban.com/news/detail-715237.html

到了这里,关于关于unaipp生成的vue3项目开启微信云函数所遇到的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3微信公众号商城项目实战系列(1)开发环境准备

    项目忙完,这次上新,写一个前端系列,采用vue3来开发一个微信公众号商城。 前言: 1. 微信公众号商城本质也是一个网站,由一个个网页组成,只不过这些网页运行在手机端,能响应手指的点击、长按、拖拽等操作。 2. 既然是网页,当然可以用3件套(js+html+css)来写,但象

    2023年04月14日
    浏览(100)
  • vue3+ts+vite 搭建uniapp项目(微信小程序)

    模板下载: uniapp 官网通过vue-cli 命令行创建uniapp,参考uni-app官网,使用  npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project 下载模板; 安装css预处理 sass: 项目终端输入: yarn add node-sass@^4.0.0 sass-loader@^10.0.1 sass (模板没有默认安装sass, 如果不安装直接使用会报错)  安装uni-ui组件

    2024年02月09日
    浏览(63)
  • vue3-pc端生成微信二维码、扫码支付监听支付回调(WebSocket)功能实现

    项目场景:后台系统中采购订单列表需要支持微信扫描支付功能,支付成功需要返回到订单列表。 调用接口接收后端返回数据, npm install qrcode --save 安装插件,处理返回数据生成二维码。 1. 后端接口返回数据如下: 2. 前端代码如下: 3. 效果图如下: 生成二维码功能到这就完

    2024年02月12日
    浏览(52)
  • rouyi-vue-pro+vue3+vite4+Element Plus项目中使用生成Vue2+Element UI标准模板

    运行一个pro-vue3的前端项目,以及后端服务 在基础设施-代码生成模块中选择某张数据库表导入,并编辑生成信息,前端类型:Vue2+Element UI标准模板 在vue3项目中创建一个vue文件 1.4 srcapitest.js Vue2+Element UI标准模板生成的前端封装好的request请求接口对象 1.5 报错 问题 :在 更新

    2024年02月03日
    浏览(56)
  • 使用VS Code创建编写uniapp项目(vue3+ts 微信小程序)

    uni-create-view :用于快速创建 uni-app 页面 uni-helper uni-app :代码提示 uniapp 小程序扩展 :鼠标悬停查文档 1.在types属性中添加属性名 @types/wechat-miniprogram 和  @uni-helper/uni-app-types. 2.添加vueCompilerOptions选项 ①在VS Code中找到设置 ②在设置中搜索文件关联 ③添加这两个文件名,值为

    2024年04月27日
    浏览(71)
  • Vue3+h5项目用Android支付宝打开白屏,android微信+IOS微信、支付宝打开正常

    微信使用腾讯x5内核,IOS使用系统浏览器内核;so,看看Android支付宝APP使用的内核是什么. 下拉看到支付宝使用的UC浏览器内核; 把浏览器内核检测工具 Browser kernel v2.6 测试查看浏览器内核版本用二维码生成,支付宝扫码进入查看浏览器内核版本;  浏览器内核版本是Chrome 69.0.3497

    2024年02月11日
    浏览(75)
  • vue3 开启 https

    1、安装mkcert证书创建器 2、检验是否安装成功 有版本好出现则成功 3、创建证书颁发机构 会在当前目录生成,ca.crt 和 ca.key 两个文件 4、创建证书 会在当前目录生成,cert.crt 和 cert.key 两个文件  5、将生成的ca.crt安装到Windows电脑 6、在vue3 中 vite.config.js 使用  7、完结

    2024年02月02日
    浏览(32)
  • uniapp vue3 微信小程序 项目中使用 websocet、微信小程序真机调试 websocket 报错 errMsg: “Invalid HTTP status.“

    uniapp-websocket官方文档 注意点:需要在确定建立连接后才能去发送数据 这个错误通常是因为小程序 WebSocket 请求的地址没有配置为 HTTPS,而是使用了 HTTP,因此需要注意以下几点: 小程序开发者工具可以支持使用 ws:// 前缀的 WebSocket 地址,但在真机上会因为不安全的原因而无

    2024年01月17日
    浏览(67)
  • Unity微信小游戏使用微信云开发记录

    最近项目上架微信小游戏,首先使用了微信官方sdk转成微信小游戏,官方地址如下: https://github.com/wechat-miniprogram/minigame-unity-webgl-transform 官方给了各种指导,虽然都有但是都不太精哈哈 因为要做排行榜,云存档,而我司没服务器,那只能用微信云开发了。具体开通啥的初始

    2023年04月09日
    浏览(54)
  • 拥抱jsx,开启vue3用法的另一种选择??

    公司高级表单组件ProForm高阶组件都建立在jsx的运用配置上,项目在实践落地过程中积累了丰富的经验,也充分感受到了jsx语法的灵活便捷和可维护性强大,享受到了用其开发的乐趣,独乐乐不如众乐乐,为了帮助大家更好的运用jsx,开发提效,特此总结分享。 以往我们开发

    2024年02月08日
    浏览(93)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包