从零开发一个宝宝账单(一):项目初始化

469 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第1天,点击查看活动详情

前段时间咱家新添一位新成员:桐桐。我前世的情人,现世的债主,从出生到现在,七七八八开销早已过万了,但是具体多少真没去细算。于是乎,我萌生了一个想法,就是我要把花在宝宝身上的money记录下来,看看养到18岁要花多少钱~这件事也得到了媳妇的大力支持,毕竟吞金兽吞金不眨眼,我们花钱是肉痛的呀!

项目初始化

由于不懂后端,又要独立开发一款小程序,那只能选择云开发了。还好uniapp提供了很好的解决方案。

首先打开HBuilder编辑器:新建项目SXT-bill选择uniCloud模板,点击创建按钮。

797ddcb0df3591f62e7374e903a1115.jpg

弹出这个提示框。我们去uniapp官网注册登录一下 uniCloud 的 web控制台地址

image.png

完了之后,我们需要新建一个服务空间

image.png

然后回到HBuilder,选择我们刚刚新建的daughter-bill服务空间:

image.png

点击下一步,提示我们部署到云端服务器,点击确定:

image.png

根据错误提示,到manifest.json文件获取AppID,点击重新获取,如果是第一次使用,点击获取。

image.png

获取到AppID后,右键cloudfunctions选择上传所有云函数、公共模块及actions。

image.png

如提示云端已存在云函数和公共模块,替换即可。接着控制台会打印云函数和公共模块上传成功的日志。

image.png

以下就是我们初始化后的项目目录:

image.png

这些都做完后,我们试着 运行下我们的初始化工程,点击菜单栏运行-> 运行到Chrome浏览器:

image.png

点击新增一条数据:

image.png

我们在uniCloud控制台可以看到刚刚我们新增的一条数据记录:

image.png

至此,我们的uniCloud项目初始化就完成了。