云函数，云数据库，云存储，uniapp，前端代码托管，域名配置

本文目的是让只会前端的同学完成完整的项目过程，代替到后端，数据库，服务器的一些繁琐的工作

后端=>云函数（类似后端接口，有点像用node操作mongdb）

数据库=>云数据库（在网站上直接创建数据库，表，字段等，在创建uniapp时右键关联你的账号下的数据库，就可以直接用云函数和特定的方法直接访问云数据库了）

云存储 => 可以将一些图片资源，文件等上传到云存储中 ，在通过链接的方式直接访问（利用自带的uni-file-picker插件，直接上传）

uniapp => 前端代码用vue2，3都行，写好后一键编译成小程序，app，web端等

前端代码托管=> 后端代码是云函数的，数据库也是云上的，前端代码写好后，也可以上传的云上的，后直接通过默认提供的域名就可以直接访问了

域名配置=> 代码托管提供的域名太难记了，可以自己在阿里云买个域名便宜的十多快钱1年，然后域名解析，配置cname，就可以直接通过自己的域名直接访问你的服务了

扩展=> 因为是云函数，前端代码托管等，如果是需要发上去，需要配置特定的域名白名单，否则接口无法访问

第一步创建一个项目，用hbuilderX，这个工具对于这个uniapp支持的比较好，移动端这个生态弄的也比较好。

函数和数据库都可以选择提供的模版（会稍微复杂一些，相当于拿了一套成熟的后端代码api和数据库，直接写前端代码就行了）

具体怎么使用

写好的云函数传到云上去防止丢失（和git感觉差不多），在运行的过程中可以选择使用的是本地的函数还是云函数。

这就是你数据库的数据，也可以手动添加，也可以增加索引

用uni-file-picker组件上传的文件会上传到这里

写好的前端代码可以一键上传到托管平台，也可以手动打包后上传，他会提供一个默认域名进行访问，也可以买一个域名用过cname指定后就可以用自己的专属域名访问了（可以在阿里云平台买域名也不贵就十几块钱，便宜的一年。注意有两个条件就是，买的域名需要公安备案，要不谁知道你的域名用来放什么了，放个黄色网站那不抓你。第二个就是，就是在unicloud，这里配置上你的域名，在阿里云上解析你的域名）

https://static-mp-34c98aff-779c-4ab7-a7f1-95e427155890.next.bspapp.com

vscode 和 hbuilderX 个人使用下来的区别

vscode 使用下来感觉快捷键，插件啥的下来用的都比较舒服，以及项目的node_modules，package文件 看起来都比较清晰，因为都是一个文件夹嘛，可以随时点开看代码，安装插件也是直接打开控制太直接npm安装

hbuilderX 对uniapp 移动端，以及打包发布，云函数，小程序等等支持的比较好 ； hbuilderX 和 uniapp 是一家的当然好了，例如发布的时候可以一键勾选直接发布到对象的账号的前端代码托管，云存储可以直接用提供的组件，不需要做什么配置，直接发到储存平台

uniapp和平常的项目感觉最主要的区别就是没有node_modules文件夹，你用什么插件hbuilderX就自动安装了（安装到那里了我也不知道，全局？，有知道的大佬麻烦留个言感谢）用什么组件也是右键一键安装就行了