00:04
哈喽,大家好,本节课内容为微信云开发云模板课程的先导片,呃,我带领大家从微信小程序的注册,后台的使用小程序IDE的呃下载呃如何初始化项目,以及如何开通云开发,使用云开发以及云模板,呃一直到达云模板控制台,如何去安装使用云模板,然后给大家串一遍呃帮助大家能够更好的来去应用到我们课程系列,系列课程后面的一些云模板的一些具体的一些模板的使用课程。好,那么首先的话,大家可以先打开这一个呃mpweixin.qq.com我们去呃注册或者是登录自己的微信小程序,那登录完了之后啊,我们就会看到自己的啊这个微信小程序的自己的管理后台,那这里的话一般会让我们去做一些微信小程序。
01:04
对的,微信生态的相关的一些设置,比如说订阅消息啊,客服啊之类的,呃,我们在使用云开发啊,或者是开发小程序的过程中,会用到微信的一些能力,我们都需要通过微信小程序后台来去配置,那如果你有自己的一个小程序之后,大家可以在开发管理里去获取啊,这个APPID的,呃,小程序的APPID,然后以及重置或者是保存自己的这个小程序的密钥,呃,如果你觉得呃要更安全的话,可以使用APAPP名单来保护这个小程序密钥,呃,那么我们获取完APPID或者是小程序密钥信息之后,我们把它保存到一个地方,然后呢,我们会在各处会用到这些东西。好,那么我们接下来的话开始去下载IDE工具,那么我们在微信开放文档里直接去,或者说我们在小程序的工具里,我们直接去文档,然后呢,点击工具。
02:04
然后呢,在这里下载我们的稳定版本或者是开发版本的,呃,小程序的ID工具,呃,我们可以根据自己的系统的,就是我们的系统版本来去选择相应的一些工具来使用,那推荐大家使用最新版本的啊,并且移植保持更新,这样的话会有很多一些新的一些能力在里边,好那么我们下载了之后啊,我们就可以直接打开,打开一开始的时候会让你登录,大家可以通过小程序的管理员直接去扫码登录就可以了,那么呃,登录之后我们一开始是长这个样子,我们的小程序是没有的啊,那么我们在这里点击这个家啊,我们去创建一个小程序,嗯。比如说我们选择一个桌面的一个路径,我们后面打一个test啊,我们就命名一个目录为test,然后写一下叫小程序示例啊,或者是你自己其他的,比如说呃,什么工具小程序啊,其他的小程序,然后呢,这里的话就选择自己刚才啊我们已经有的那个小程序的APPID,呃,后端服务可以选择不使用云服务,这样的话你就开发了一个单体的服务,你可以使用微信点request来去向自己的服务器呃去发送请求,那如果说你自己没有服务器,或者是不知道啊什么后端开发,那就可以使用微信云开发来去承担后端服务的这一个作用,那么我们的云模板也会在云开发里啊存在,那么云模板微信云开发云模板其实是,呃,我们封装了大量的逻辑或者是一些场景化的一些应用,放到了这个环境里,你可以直接无需开发,直接去使用来去应用到自己的一些业务场景里啊,这就是云模板的作用。那么我们首先第一。
03:52
一个基础就是需要有一个微信云开发的环境,那么这里我们去选择云开发的基础模板,然后选择创建,好选择创建,创建的过程中呢,他会给我们打开呃,一个小程序ID的主页面啊,并且呃可以给我们去演示啊,每一个地方到底是怎么操作的,比如说这里基础能力云函数去获取open ID啊这些东西啊,然后呢,呃,我们可以试一下,比如说我们在这里选择啊,如果你一开始没有,你可以先打开云开发啊,先打开云开发,然后呢,这里可能会有一个叫创建啊环境的创建页面啊,开通页面,然后开通了之后大概会长这个样子,好,只要长成这个样子之后啊,我们就可以在这里重新启动ID1之后我们就可以选择当前的环境,然后把这个当前的这个环境啊,然后呢,直接上传并部署啊,云端安装依赖啊,然后呢,这里是。
04:52
我之前的其他的环境,大家大家可以忽略啊啊也可以删除啊好,那我们更新完了云函数之后,我们就可以直接重新启动小程序,我们在这里可以试用了,比如说我们基础能力里云函数获取open ID啊,获取open ID啊,就会把我们的小程序的open ID啊用户的open ID获取过来,呃,整个的这里边呃,所有关于后台的开发,然后以及啊上传或者是数据库的相关的一些动作,大家可以都可以在这个文档里啊,我们的微信云呃,微信官方文档的云开发文档里,我们可以看到,我们在开发指引里可以看到具体的一些呃,一些项目啊,一些代码事例,然后以及具体的代码的一些使用,呃,我们就可以一步步的来去学习啊,人家去学习,那么如果说你感觉看文档看的比较生硬啊,我想要说能够系统性的来去学习,那么大家可以在社区啊,点击社区。
05:52
我们进入微信学堂,我们在这里学习开发技术,我们点击微信云开发,那么这里的话会有云开发入门课程,云开发实战课程,然后以及官方直播课,大家从底往上去学习就可以了,然后一直到微信云开发云模板的实战课程,或者是我们的腾讯云的呃,一个系列课啊,都是可以学习到云模板的,然后呢,前面的关于云开发的一些入门的课程,云开发是什么控制面板呀,然后以及数据库的基础使用啊,存储云函数的基础使用啊,那么大家可以跟随着视频的演示,然后自己来去学习啊,来去学习好,那么我们学习的时候大家可以直接去看啊,比如说我们刚才的获取open ID, 那么大家可以在下左下角看到pages,然后呢一个例子,然后index,那我们去找啊,我们在mini program里啊,就是这一个小程序的目录文件里,我们去找这一个这一个。
06:52
和什么呀,这一个这一个页面啊,这一个页面,然后呢,这里我们会有小程序的一些页面的结构以及逻辑,那么我们可以看到获取open ID的啊,这一个关键的东西就是呃,调用云函数啊,调用云函数,然后呢,调用云函数获取open ID啊,获取open ID啊这里的话就是通过向云开发的环境中去发送一个获取open ID的请求,然后呢,将获取到的信息拿过来展示啊,就是一个简单的这个使用,那么学习其他云开发的一些基础的能力,其实也是通过边看代码边去琢磨之类的东西,那么我们调用云函数,那调用的这个云函数里边组成部分是什么呢?大家可以看啊,Name里面叫quick star, 那么就是我们上面云函数clouds文件夹里,我们直接去啊呃,刚才上传的这个云函数,我们在这里去找啊,我们在index。
07:53
就在这这下次你们去找get open ID, 你看get open ID拿过来了,然后呢,它是哪一个呀,它是get open ID index的啊文件下面,然后呢一个主函数,那么去查get open ID index的文件夹里主函数,好,那么我们刚才在前端小程序端去获取调用的时候,它实际上是执行的这么一个情况,那么它会通过啊我们的微信server SDK啊,然后直接去获取啊微信的云函数所在的用户的基本信息,然后把用户的基本信息拿不出来,然后返回给我们的小程序端,然后小程序端在这里获取到之后,然后呢就进行相应的展示啊,所以大家就可以串联成一路,那么至于数据库啊,还是存储啊,这些东西其实都是函数式的调用,那么大家可以举一反三的去使用,那么如果说你已经学习的差不多了,你想要重新开始,然后从零开始,但是你感觉目前这个样子很乱,那么我们开始给大家演示,如。
08:53
如何去啊呃,去构造一个基于啊我们的云开发,或者是基于当前这个项目只不过是最简化的啊,我们通通过同一个简化的页面去开始我们的整个项目的开发,这个是最方便的嘛,也是最直接的嘛,所以呢,我们需要在这个项目的基础上去删减一些问,删减一些东西,然后呢,使它具备一个最基础,最基础,然后我们能够通过此来去进行后面的我们的呃,逐步的去开发啊,那么我们现在开始,首先我们去删除啊,我们删除删除我们的组件啊,Mini program的组件里的东西啊,然后呢,删除啊images文件夹,除了index的文件page之外,我们删除其他的所有的PA啊,大家可以跟着来来去学习啊,来去来去学习,然后呢,Index的JS中,呃,Index的页面中,我们把除了index。
09:53
呃,文件啊之外,我们把其他的也都删除,这里我们直接改成,改成一个PA置函数,然后呢,传一个空的对象,杰森里边我们也是,我们直接把其他的都删除,呃,Index的微信ML也是我们把它清空,呃,微信SS清空好AAPPJS我们在这里我们保留,我们保留一个,保留一个,呃,微信cloud的index,并且把我们的环境换成我们自己云开发的这个环境啊,我们云开发的环境ID啊,这个就相当于来说我们初始化的时候,我们对接的哪个环境,呃,正常来说2.2.3目前来说都已经有了,所以呢,大家不需要去判定了,直接去,呃,直接去把这一个拿过来就可以了,好。
10:48
好好,然后呢,APP Jason里边把一些除了index之外其他的删除,然后呢,把这个改成我们自己的项目,比如说工具啊,小程序啊,这个就是我们的顶部的这个东西啊,然后呢,下面的ta bear啊,然后删除啊,没用,这个东西我们后面你大家你去学习呃,小程序的一些复杂的一些课程的时候可能会用到,然后大家自己再去弄啊,基本上就可以了啊,我们就基本上能够得到一个东西了,然后呢,In问list,然后这个叫爬虫的配置文件,这个也都删除啊,外层的呃。
11:33
这些都删除啊,都删除,嗯,这里也删除啊,也删除好我们基本上来说就已经差不多了啊,就是大家可以看到这是个最简单的微信小程序的前端啊,就只包含一个页面,然后呢,一个pags和微信PA微信SS的主体啊,诶好,那么我们在这里,我们后面我们会在这个页面中啊,就大家可以自己去开发,然后相应的逻辑,比如说我们在这里加一个button啊,加一个button啊,然后呢,现在点击啊点击按钮,呃,或者是我们再加一个什么啊叫。
12:17
Tap谱啊,加一个绿色的那个框啊,这样子,或者说我们再加一些样式啊,或者或加一些样式啊,Marin marin top20PS啊,也或者是我们直接不用内联样式,我们直接通过class啊,Class啊,通过一个button的这一个选择器啊,我们直接放到微信SS里也能实现同样的效果,甚至我们可以改变一下,改个我们改一个比较浅的颜色,这个也是可以的。嗯。诶呃,P primaryri是可以覆盖它的,呃这样的话就可以了啊就可以了,然后呢,我们可以把这个颜色改的再嗯其他一些啊,就比如说我们随便来一个其他的颜色啊,我们就已经可以自定义颜色结构,然后呢,以及相应的一些呃小程序的一些响应的动作了,比如说我们在这里呃简单的去做一些东西啊,比如说我们点击按钮,让当让按钮的文字文本加一啊那么现在然后呢,呃,加一ADD,然后呢,我们直接选择this set data塔好,然后呢,我们让那么这加data点那加一啊啊这是一个简单的加一啊,我们在这里绑定,首先我们点击按钮,然后呢把后面。
13:59
变得通过绑定啊,通过模板绑定的形式,把我们刚才定义的NUM加进去啊,点击按钮0是吧,然后呢,B的tap啊,Bin的tap好加进去ADDDD好,那么我们点击按钮的时候,它就会加一加一加一加一加1啊就已经实现了,通过点击结构里边的按钮啊,触发了呃,逻辑层的ADD函数,然后ADDDD函数,通过s data去更新NUM值,然后呢,那么值去通信给前面的结构去更新啊,前面的渲染层去更新这里的一些信息啊,这就是呃,一个最基础的一个时间响应的一个机制啊,然后呢,后面大家可以实现一些其他的东西啊,那么比如说通过使用微信的API啊,比如说微信啊,呃,Navigate to, 然后去转换页面啊,或者是一些其他的,比如说嗯,我们展示。
14:59
是展示model啊啊确认就是说确认框啊,这些这些都是可以的,就是内容啊,这些都是可以的,那比如说我们在这里点击啊,这是内容啊,这些都是微信点之类的,这些都是属于小程序的API,那么大家可以在这个A的文档里啊,我们这里API的文档里,小程序API文档里可以直接看到,然后大家可以直接选用,然后参照代码示例来去完成自己的小程序的开发过程啊,这是小程序,那么云开发就是在这里,我们云开发里到底有有什么,然后需要什么呢?大家可以参照云开发的这个quick star actions来去看一下云开发到底是怎么弄的,大家大家可以直接去什么呀,我直接新建一个note云函数,比如说test啊test,然后呢,它会给我们创建一个呃,空白的一个啊,小程序一个云函数啊,然后我们就可以在这里啊,继续我们的一些其他的,比如说数据。
15:59
库的增删奶查呀,然后对象的增删呀,然后一些查询啊,或者是一些其他云函数的一些调用啊,就可以通过这种啊在云函数里啊,直接去调用啊的形式来去搞,那么在前端小程序的时候,也可以直接使用微信点glo的,我们刚才演示过微信点和来去调用啊我们的这一个云函数,比如说我们这里刚才name里边我们创建了一个test的云函数,对吧?Test的云函数,那么我们这里就可以能够得到啊,能够得到这一个,呃,Co这个云函数返回的信息,那我们点击按钮啊,我们在这里可以看到这个云函数返回了一个信息,然后result里边有这里返回的值,大家可以看到一一对应invent,然后呢。
16:53
APIIDIDID对吧,然后呢,我们就可以直接拿过来,我们去做一些其他的事情,实现了前端跟后端的联联动,好这是我们的语音云小程序的基础和云开发的基础,我们已经拥有了一个基础的小程序的呃呃启动的一个项目啊,那么我们接下来的话,我们就可以看说有些东西我们可以自己不给不用开发,我们去使用云模板来去开发,对吧,然后我们使用云模板来去帮助我们啊呃,来去提升我们的项目的开发效率,那么这个时候的话,我们怎么去访问这个,呃,就是我们的云模板呢?那么第一个嗯,第一个那个方式是通过打开云开发的基础面板,然后在云模板里我们直接去使用啊,这样的话会打开我们的云模板的这一个控制台,呃,云模板的控制台。
17:59
好,那么在打开云模板控制台之后啊,我们就可以在模板中心里去安装啊,去浏览安装一些小程序的一些能力哈,小程序的一些呃,就是云模板的一些能力,然后去使用啊,安装和使用啊如何去跟自己的业务去保持一个连接,那么具体的每一个模板在系列课程里都有单独的讲解,那么在这里我们就不给大家去讲解了,包括我的应用里常在的一个内容管理系统啊,这里也也都是可以直接去有相应的课程来去教大家如何去使用的,那么具体来说的话,大家可以学习云雾白后面详细的一些课程,那么这里就不给大家阐述了,呃,就是大家如果感觉哪一个我们大家中意哪一个作啊,比如说我中意呃,微信小程序码和链接啊,我感觉这个不错啊,这个不错的话,我不知道这一个文档的这个使用啊,到底怎么去。
19:00
搞啊,这个代码都粘到哪里,这个代码都粘到哪里,有什么什么使用细节文档里,我也感觉看的比较苦涩,好,那你就看小程序码和小程序链接相应的课程就可以了,那这样子的话,我们会给你去做一个呃演示,并且告诉你这其中的一些呃使用的一些呃需要注意的一些事项啊,然后呢,帮助大家来去规避一些使用上的问题啊,然后呢,云开发里面的云模板啊,大家可以直接去用,然后自己我们刚才上传的云函数,我们就可以在这里管理,比如说我们刚才的quick star, 我感觉我不需要了,我就可以直接删除,然后呢,Test是我们刚才创建的,我要保留,我感觉可以,那么就可以在这里去做云函数的管理,甚至来去做版本与配置啊,就是呃,云函数里面版本与配置,就是有一些版本,我想要做一个灰度发布啊,1从V1到V2灰度发布,那么具体的话大家可以看。云开发的课程或者云开发的文档,然后来去呃学习这一部分课程存储就是通过小程序或者是云函数来去存储一些东西,呃,然后我们可以在这里我们直接去获取啊,我们去获取或者是查看以及下载啊呃,下载是不行的啊,下载也可以通过云模板的一个管理的一个后台的一个模板来去下载这些文件,也可以直接使用小程序或者是嗯云函数的SDK来去批量的去做下载,这都是可以的,呃,然后具体的话也是要看我们的呃学堂的课程或者是我们的文档来去做开发数据库啊,就是我们的基础的这个mango数据库啊。
20:45
芒果类芒果协议的数据库,在这里我们可以直接去呃去去管理啊,就是每一条,每一个集合里的每一个文档,具体的一些数据,这里其实并没有跟呃关系型数据库一样有统一的一个表价结构,呃它其实是呃不去做这个强结构区分的,你可以去加很多东西,比如说除了number之外,你还可以加object,然后object里面还可以有object,有这种形式,那么具体的话还是跟你自己的业务去做结合,大家觉得怎么样就怎么样,如果你没有这种类的常识的话,大家可以在学堂里直接去看一些关于实战性的一些课程,然后呢,或者是呃在网上去找一些关于云开发的一些其他的一些真实的项目实践,然后去看他们的整个数据库的结构是如何设计和使用的,那这样的话会增进你对运营开发的这一个数据库的这一个设计。
21:45
啊和使用的理解好,那我们整体的整个先导片就已经结束了啊,我们从小程序的注册,IDE的下载,然后到最后呃去开通一个小程序的项目,嗯,去演示小程序项目里边如何去学习,以及如何呃得到一个白的,呃空白的项目我们方便去开发啊,然后以及我们如何去进入我们的云模板啊,基本上来说呃,从小程序到云模板,呃,我们的这一个整个的先导的一个内容就是这些,如果大家还有一些其他的使用问题或者是一些难点的话,请大家优先去学习,呃去去查找我们的云开发的文档啊,就是云开发的文档,在云模板的这个文档里,我们大家可以直接去寻找,或者是直接去看其他关于各个模板的一些使用的教程,呃,如果大家还有不理解的话,大家可以去在我们的交流。
22:45
群里或者是社群里提问,我们会给大家做相应的解答,好,那我们整体的课程就这些,好,谢谢大家。
我来说两句