uni-app+uniCloud开发微信小程序中那些部署发行过程中一步步踩出来的坑

682 阅读3分钟

吐血说明

本人前端小白,学习vue之后就想着一方面顺便学一下 uni-app 来巩固 vue 的知识,另一方面是体验一下小程序开发。于是我就前前后后有了很多想法,最终落地的是一个每日完成计划这样一个规划的小程序,业务内容也开发了一个月差不多两个月,不太记得了,毕竟在学校又要备考期中啥的。开发业务逻辑内容就算了,最让人呕心沥血的就是项目部署上线了,踩了无数的坑,网上的参考资料极少,可能也是自己不会找,反正就是感觉正常上线比开发还难,差点都放弃了,想着辛辛苦苦做出来不上线往往着实对不起自己的劳动成果,虽然子丑但母不嫌,就硬着头皮一点点摸索了,最后也是歪打正着,跌跌撞撞也成功发布了出来。好,废话不多说,看看有没有能帮到大家的:

真机调试无法调用云函数

问题分析

如果你的云函数只是建了一个index.js文件的话(如下图),那么就是问题所在,缺少了云函数的一些配置,至少我踩的坑是这样的。 image.png

解决方案

这个时候需要一些配置文件,注意每个云函数文件夹下都要有才可以正常调用

image.png

// 以下是我的项目的配置,具体参考官网
{
  "name": "addItems",
  "version": "1.0.0",
  "description": "新增计划",
  "main": "index.js",
  "dependencies": {

  },
  "cloudfunction-config": {
      "memorySize": 256,
      "timeout": 10,
      "path": ""
    }
}

参考文档入口

体验版无法调用云函数需要开启调试模式才行

问题分析

上传代码到微信公众平台之后,扫码测试体验版本的时候依然无法调用云函数请求数据,但开始调试模式之后就又可以正常运行,问题在于: 在微信开发工具里我们默认是选择了不校验合法域名的,体验版是一定校验的,所以在没有配置合法域名的情况下自然是无法调用云函数,而开启调试模式之后正常时因为调试模式是忽略校验域名的。

image.png

解决方案

来到微信公众平台配置合法域名即可。 官网域名说明 配置方法

上线后无法调用云函数

问题分析

上面两步几乎可以完成项目部署了,如果上线后无法调用那应该还是域名配置问题,至少我的是这样的。

写在最后

以上仅适用于个别项目部署,因为本人也是小白,只是总结一下的同时让那些迷茫的小伙伴多一个解决问题的方向,如有错误,感谢指正!吐槽一下uni-app的官方文档确实如耳闻的那般不忍直视,官方论坛没什么人,问题放在那也没人回答,即使有相关的提问但也没有回答没有解决办法。这是我未来一段时间里最后一个前端项目了,我要去卷后端了!