粉丝1.2万获赞8.7万


大家好,我是刘嘉译,这节课我们学习利用 uni app 和微信云开发创建一个带有后端服务的小程序项目啊。之前两节课我们分别学习了利用 uni app 创建一个 小程序项目啊,也学习了,嗯,如何创建一个微信云开发的项目,这节课我们就把这两个结合起来,首先我们先创建前端项目,首先我们打开这个 hbuder, 然后 我们新建一个项目,然后这这里填填项目名称, 然后这个就是项目,这里边填项目项目路径,然后选择一个项目模板,然后点创建,然后项目创建成功以后, 我们可以把它运行到微信开发者工具,然后我们打开微信开发者工具,然后点导入这个 demo 是我们刚刚创建的项目, 这个时候我们不,嗯,导入这个 mp 微信这个小程序的干目录,我们导入他的上级目录就是第一位。嗯,然后 我们选择这个 ipad 啊,后段服务要因为我们这个账号已经开通了这个微信开法, 所以他这里就不需要你选择了。如果你是一个啊新注册,新注册的账号没有开通这个微信与开发的话,这里边后端服务要选 微信云开法,然后点确定, 这个时候啊微信开发者工具,他会给你报一个错,说这个 apter 接身没找到,这是因为啊,我们这个选择的这个项目的目录并不是这个小程序的跟目录, 就是 mp 微信选择的是他的上一集目录,所以说他找不到这个啊。 apple 点接审,这个时候我们可以在这个 project 点 config, 点接申里边去添加这个, 添加一个,嗯,配置就是 mini program root, 这个自断的是指定这个小程序的,嗯,小程序项目的跟跟目录的,我们指定 imp 微信,然后保存, 这个时候他就能够嗯找到这个小程序了。嗯,但是他这里边我们看到嗯, 这个微信开发者工具报错了,实际上这是因为,嗯,我们可以在嗯详情本地设置里边这个调试机 属库,他这个调试基础库。是啊,微信就是仅用于开发者工具的调试的一个基础库的版本,他这现在这个默认选择的这个版本,嗯,太高了,我们 选择这个二点二、三点四这个版本,然后我们重新编辑一下, 这个时候他就能够啊正常运行我们这个小程序项目,导入这个项目, 选择这个干目录,小程序的上一集目录的目的就是我们要在这个目录跟小程序同级的目录创建这个后端的项目。那,嗯,创建要创建后端项目的话,我们同样 还还是需要在这。嗯,添加一个自断叫这个可唠的方神入特, 他就是指定指定这个这个后端项目的跟跟路径的。我们还记得我们上节课创建那个嗯云云开发项目的时候,我们可以看一下。 嗯,在 这个呆猫可唠的是我们上节课创建的啊云开发项目,我们这个里边就有一个 project 点 cfi 个点接身,我们可以打开它, 嗯,就用记事本打开,我们可以看到这个里边就指定了啊小程序的跟路径和这个云开发的这个跟路径,所以我们 所以我们可以在这嗯,指定这个 指定这个呃云开发的项目的跟路径, 然后我们在这啊新建一个文件夹,啊,不是,不是在要跟这个在根部录下建一个文件夹叫 clout 防身似,这个就是我们嗯这里的嗯后端项目,然后我们在这嗯鼠标右键 选择新建 no 的 gs 云函数,然后给这个云函数起一个名 tet。 现在我们就啊拥有了一个 后端的一个云函数,然后我们嗯需要在这个小程序端,这个时候我们就已经嗯创建好了一个带有前后端嗯项目的一个 完整的几个小程序项目,但是他们两个啊并没有关联起来。开发小程序端的时候就是可以在这个 hbudi 里边去开发,嗯,我保存的时候他会自动的这个 更新这个嗯,变异后的这个小程序代码在这里开发,就是像就是开发嗯,维欧 e, 然后我们嗯在开发这个后端的时候,就在这个嗯微信开发者工具里边去进行 嗯代码的编写。比如说我们这个云韩太子的云函数里边,我们他默认有一个这个嗯云函数的一个代码逻辑返回一些字段,我们可以把这个字段修改一下,我们让他返回贝塔一一一, 然后保存,然后我们在前端就是在这里去调用它,嗯,在这个 调用嗯云函数的时候,我们可以,我们需要呃初始化云环境,我们可以嗯,看一下这个小嗯云开发的文档, 嗯,开发指引初始化,我们看到这在小程序端开始使用云能力前,需要先调用微信点儿 cloud, 点儿一逆的方法完成云能力的初始化。 我们就在这个嗯, apple 点 vue 这个跟组件,这个昂烂齿,这个啊钩子里边去调用微信 信点可唠的点一腻他,这样我们就初始化了这个云环镜,然后我们嗯在页面里边去调用这个云函数,我们在这个昂唠的里边去调用微信点可唠的靠方式, 然后内幕,内幕就是这个啊云函数的名就是我们刚刚起的名叫泰斯的,然后 调用成功以后他返回的纸,我们嗯, 我们把它打印出来 保存。我们在编 及这个啊云函数的代码的时候,我们需要把这个云函数上传上传并部署,我们也可以嗯,开启这个本地的云函数,开启云函数的本地调试。 好,现在我们嗯本地的云函数已经启动了,这个时候我们就啊打印出来了这个啊云函数返回的数据, 我们也可以,嗯,我们看到他这个返回的数据是在这个瑞造的里面,我们也可以让这个 嗯返回的结果显示在这个页面里,显示在抬头里边,抬头等于二 es, 嗯, 对对他我们刷新一下就可以看到现在这个啊页面里显示的是一一一。这样我们就创建好了一个带有前后端的一个小程序的项目。当我这个啊项目全部开发完以后, 我们可以在嗯部署的时候选择这个呃发行,把这个嗯前端的代码,因为点发行以后他会对这个代码去进行 嗯压缩,把压缩后的代码部署到线上,我们在这个微信开发者工具里边点这个右边右侧这个上传的按钮,就是把前端的代码部署到线上,然后嗯在这个 原函数这右键点上传并部署,他就是把这个后端的代码部署到线上,这节课就讲到这里。

