00:00
哈喽,各位现场的小伙伴大家好。这里是腾讯云与CSDN共同推出的青云之上应用无忧。轻量级应用构建训练营系列课程的第六课,快速搭建轻量小微企业小程序。按照惯例呢?我先来简单做一下自我介绍。我是来自腾讯云轻量应用服务器团队的产品经理袁博。本节课呢,也由我带领大家通过使用腾讯云轻量应用服务器来house以及相关的腾讯云服务来为大家演示如何快速搭建轻量小微企业小程序。那么本次课程呢?主要会涉及到如下几个重点的云产品。首先是腾讯云轻量应用服务器。还有腾讯云域名注册以及腾讯云SSL证书。那么和往常一样。我们先从第一个问题开始,企业为什么需要小程序?那很显然,如今在移动互联网的时代,小程序已经成为当仁不让的明星。
01:01
凭借其易传播、体验好、曝光、多一吸粉等优势和特点,已成为任意一家企业、商铺甚至个人开发者在推广宣传的过程当中最为重要的一个环节。伴随着小程序市场规模的不断扩大,相对的小程序生态也在不断的完善。传统的小程序开发部署,可能主要会分为两个大方两大类的方案。第一大类。通过小程序的平台以及SARS解决方案提供商等等进行构建,那么这类方案呢?通常由服务商提供各种通用类、定制类的小程序模板,以及私有化部署小程序。企业本身甚至无需要投入过多的人力开发资源,即可拥有自己的小程序。然而,这类方案通常定价来说可能会比较高。对于体量相对较小的初创企业以及个人开发者,就会显得没有那么划算。而另一方面,如果我们选择自己投入人力进行开发小程序,有可能又会面临另一方的困境。
02:05
首先,小程序会强依赖微信生态,故而我们在企我们企业开发者以及个人开发者在进行业务代码开发的同时,还需要花费大量的时间和精力去集成微信的SDK。进一步放大了我们的开发成本。而另一方面。自建小程序同样要面临着维护复杂的系统环境问题,如XSSL、开发语言环境问题等等,环境维护成本也非常的高。最后,由于小程序部署上线的特殊性,多为本地开发。而到了线网进行联调测试的时候,很有可能又出现本地与线网环境不一致,导致出现意料之外的问题。那么很显然,市面上常见的两种小程序解决方案,很难同时兼顾价格成本以及开发维护成本。这两个问题。而这两个问题都会提高我们中小企业以及个人开发者再去开发小程序的时候的门槛。
03:03
那么我想为大家本次推荐带来的就是腾讯云轻量小微企业小程序解决方案,我们将会通过使用腾讯云轻量应用服务器以及它默认集成的腾讯云自研的软件镜像,Open fast应用镜像,并且无缝对接云上资源,祝您轻松拥有属于自己的小程序。该解决方案还有如下的优势。一仅需要为标准的轻量应用服务器套餐进行付费,无需支付额外的费用,价格优惠。它可以集成微信的SDK,一键调用,用户可以更多的专注于自己的业务代码开发。三一键部署轻量环境,无需维护,开通成功即可直接访问。四。容器化管理后台函数代码,确保本地与云端的环境一致,不会出现因为环境而导致的意外问题。那么讲到这里,介绍部分就先告一段落,接下来请允许我带着大家通过PPT所示的步骤来构建轻量应用小程序。
04:07
我们首先要提到一款云服务,就是我们之前一直提及的腾讯云轻量应用服务器来house了。那么轻量应用服务器作为新一代的开箱级用,面向轻量级应用市场的云服务器产品。专注于助力中小企业和开发者更加便捷高效的在云端构建自己的应用与网站。Lighthouse的特征可以概括为四大点。轻体验、轻应用、轻投入、轻运维。那么具体来看,Lighthouse将基础的云服务融合为高性价比的套餐形式进行售卖。并且将热门的开源软件打包为开箱即用的优质应用,镜像实现一分钟内即可构建对应的应用,自动完成应用软件的依赖环境以及相关的初始化完成的部署。为用户提供极简的云上应用构建环境。并且,用户也可以通过统一简单应用的可视化管理平台来管理轻量应用服务器。
05:03
本次在搭建小程序的场景下,我们将会选用lighthouse默认集成的腾讯云自研应用软件镜像open fast应用镜像来体验如何在几分钟之内构建自己的轻量小程序。好,话不多说,我们现在开始吧。好,那我们开始实操,实操部分。那首先呢,我们来到这个腾讯云轻量应用服务器的控制台去进行open fast这个实例的创建,那我这里呢,已经提前购买好了一台open fast的这个实例,那我们可以看到。它有如下的一些标签介绍,那首先是这个open fast应用管理,那他会提供给我们一个呃,可视化的管理界面,然后以及这个管理员的账号和密码,这个密码呢,需要我们去登录到腾讯云的这个奥卡特来,去通过一条指令去获取。
06:04
我们一键登录到这台服务器之后通过呃。控制台提供的这条指令来去获取到这台实例里。对应open的这个用户名和密码,那就是这个可以通过这个账号密码来去登录,呃。控制台。这个是我们的实力先准备好了,然后另外呢,我们再去,呃,真正构建小程序这个环境的同时呢,我们还需要去做几项准备工作,首先是一件,呃,我们要去准备一下这个腾讯云容器镜像服务的这么一个仓库。那首先我们来到这个腾讯云镜像服务的这个页面。啊,TC这个实体这这个服务,下面我们来到这个广州地域,我们可以去通过这个个人版仓库啊免它这是一个免费的这个个人仓库服务,来去先创建一个自己的这个仓库。
07:02
那我这里呢,也已经创建完毕了,这个届时大家可以自己去根据自己的实际情况创建一个自己的仓库,那仓库创建完之后,我们放到这里备用。然后其次呢,我们还需要在自己的本机去部署两个客户端的环境,首先是这个dock的环境,Doer呢,我们可以去我们doer的这个官网来去下载对应的这个安装包,来去部署这个docker的环境啊,其次呢,还需要我们在呃自己的本机去部署一个叫fast client这样的一个。呃,客户端。那我这里呢,也是已经部署完了,由于我这个是Mac的系统,我是通过这个blue in install啊fast client就可以完成这样的一个一键部署,那主后续呢,我们主要就是通过这个本机的dock环境与本机的这个fast client这个镜像,那这个。这个这个这个这个这两个这这两个客户端的能力去与我们。云上的这个open fast来去交互,来去进行这个代码的管理与操作部署,对。
08:06
那我们这两块部署完之后呢,呃,我们先准备好我们这个,我们打开我们提前准备好的这个小程序前端代码。那在这里。我们去打开我们的这个小程序的前端代码。啊,这个小程序的这个编辑器呢,也是通过呃,我们在小程序的这个官网进行的这个下载的,到时候大家可以自行去下载,下载完毕之后呢,我们可以看到它大概是这么样的一个情况,由于我的后端地址和代码还没有配置好,所以这里边儿目前展示的呢,是一个白屏。我们的目标呢,就是通过我们后端的这个代码去,呃,通过open fast来去部署与我们前端的这个小程序打通,从而把后端的这些呃,本地美食的一些属性给它读出来,我们的目标呢,就是这个。好,我们来到这个具体的呃,代码部署和准备的这个环节。
09:03
那首先我们去,呃,要通过fast client这个命令来去与我们让我们的本机与云上的open fast实例进行一个关联,那怎么关联呢?通过这样一条命令。A f log in。来,去接上这个提供的管理员账号以及密码,也就是这两部分。以及接一个这个杠杠gateway指定我们自己的这台服务器的IP啊。这样。登录成功即可登录成功。登录成功之后呢,我们要去通过这个open来去,呃,我们要去上传自己的这个代码,那由于我这次准备的主要是这个。Go代码来去为大家做演示,那首先呢,我们要去拉取这个go的,呃,代码模板,那通过这样一条命令。Fast client template啊,Stop go这个呢,是指的从呃,Open fast这个官方源去拉取go的这个代码模板。
10:08
我这两条直亮。来去拉取。那我们可以看到拉取成功之后呢,它会在。本机的这个执行目录里生成这样的一个文件叫temp文件,也就是这个代码模板的这个文件,那我们可以看到有这个GOHTTP,那这里边呢,就是这个做open fast,我们去管理这个函数的这个代码模板了,那就是这样。呃,其次呢,我们还需要去在这,接下来呢,我们就需要去在这个腾讯云我们的这个个人仓库里。啊,进行这个一个准备,那我们也是需要去登录到我们自己的这个个人仓库里,那怎么登录呢,我们可以通过这个。呃,这样一条指令啊,Docker log in。
11:00
来去登录我们的这个自己的这个仓库。啊,这里边儿我呢也是已经提前建好了这个这个。仓库,那到时候大家也可以去根据文档的指引来去登录,登录之后大概是这么样的一个体验。Do log in,然后呢,接这个对应的仓库地址,以及自己的这个腾讯云的,呃,UUID。Username,这个是我自己的这个账号,然后以及输入腾讯云的密码,那我们这个显示登录成功,就代表我本机的这个do环境,也与我们腾讯云上的这个容器仓库进行了一个关联。那么在接下来呢,就是进入到这个。Open fast的这个代码创建的这个环节了,那刚才呢,已经我们脱下来了这个go语言的模板,那我们还需要去。创建指定的这个函数。来去为我们。刚刚小程序后端的这部分内容来去,呃,创建一个函数,我给它命名为这个负的to。
12:07
那fast client new food to这样的一个函数名,然后呢,指定的语言是我们刚刚拖的这个go浪语言,然后同时指定好我们的这个镜像仓库啊,Food to,然后以及对应的这个我们这台red hot实例的IP。啊,可以看到这个已经创建成功了,创建成功呢,同样是会在当前的这个目录下,会生成这样的一个。函数代码文件,那就是这样这个foot to,以及这个对应的这个foot to点。那么这里面handle.go这个文件就是作为我们这个open fast后台函数的一个核心,这个入口函数的这个代码入口,在这里它会为你指定好这个代码的格式。主要入参就是在这个地方,Function handler,在这一块我们需要通过这一坨代码的这个业务代码的编写来去实现自己的业务逻辑,那么这里呢,我也不再去过多的浪费大家时间去这个展示代码了,我们也同样用预先准备好的代码直接进行一个替换。
13:18
那在这个里面,我们去把我们准备好的这些代码去替换到这里。关键就是这个handler go这个这个文件,那我们可以打开看看,我们把这个原先。呃,他仅仅提供好模板的这部分代码给完全做了替换,以及扩展了自己写的这些相应的这些业务代码,这里边我们就把这个核心的部分给完成了。那完成代码之后呢,我们需要去下一步进行这个,呃,Build的镜像。那我们通过这个。Fast client。B的杠f ma负负点秒这个。
14:03
指令来去构建一个。容器镜像,这个对应的函数的容器镜像,那么这个函数,这个函数就被托管在这个容器里。因为稍等他build完毕。好,我们这个build完毕之后呢,我们可以开始这个push。在复制前我先看一眼这个,要不文件哈。好,我们build完毕之后呢,我们通过这个fast client push-F直接这个文件来去进行一个上传。那么我们这个上传成功之后呢,我们可以看到,呃,在我们的这个精选仓库里边哈,它就会出现这个对应的版本,那我之前可能已经上传过好端这个版本,那我们最新是这个上传到这个0.04版本,那稍后呢,我们会采用这个版本来去做这个。
15:01
呃,这个这个这个演示。那现在最新的这个函数镜像版本的是这个0.04,那我们还需要去执行最后一步,也就是这个函数的部署,我们需要把这个函数镜像去部署到我们的这个open fast的这个实例,让它真正成为可对外访问的这个这个函数。我们可以通过这个fast client-fast deploy-F接这个,呃。样面文件来去进行一个部署。OK,它会提示我们这个deploy的200 OK,那我们认为这个。在这里呢,我们对应的这个负的啊,0.04这个镜像源也是从我们这个腾讯云的这个个人仓库里。
16:03
拉渠道的,那URL呢,也是这个,它代表我们的这个,呃。部署已经成功了,那我们就需要去把这个URL记为我们的这个函数。小程序后台的这个函数的这个对外访问的这个入口,那我把这个URL复制下来。去放到我们对应的这个代码里。啊,放到这里。进行一个测试,那在测试之前呢,我们需要去先。把。这个地方。这个本地详情本地设置,把这个不校验合法域名以及证书,这个先打开这个地方是为了去本地的进行一个测试啊,先把这个勾上,它就不去校验我们点。也预览测试看。那这个时候我们可以看到,呃,后端的这个代码已经成功的部署上去了,那我们通过这一行。这个函数的部署。已经能够成功拉取到后端的这些信息,我们刚刚白屏的这部分,呃,效果已经能够成功的展示出来对应的这个信息了,那这个就代表我们本地去已经把这个小程序给开发完毕了,那前端的代码已及后端代码已经完全打通了,那后端呢,主要就是通过我们。
17:18
呃,云函数。这个不对。我们。我们后端代码主要就是通过这个open fast镜像进行的这个管理。和上传,那我们对于自己的这个开发同学来说呢,也主要就是去写自己的这个业务代码,那对于环境以及这个管理维护的等等东西都会抹除掉,让大家更专注于去写自己的这个业务代码。那在这部分实现完毕之后呢,我们去呃,还要进行到第二块,就是小程序比较强调的呃,这个域名以及SSL证书这一块了,那很巧这个腾讯云lighthouse呢,我们目前已经内部去集成了这个。
18:01
呃,运营的这么样的一些。一些能力吧,最近我们刚刚上线的这些能力,那我们可以去把我们提前准备好的这个域名,那这里我们要注意啊,这个小程序它必须要求呃,我们去使用这个已经备过案的域名。那在这里我已经提前准备好了我自己的这个备案好的域名。那我们在这里面呢,去添加这个域名解析,然后呢,把自己的域名给添加到解析这里边来,那我这里边已经添加好了,添加好之后呢。我们再去通过设置这个HTTPS,那也就是这个部署SSL证书。来去,呃,这个把我们这个SS证书也一键部署上去。那这里边儿呢,我也是提前准备好了,不过我还是给大家演示一下这个SSL证书的这个整个部署的流程,那其实也非常的简单和快捷,几乎都是一键完成吧,那你在这里面首先去申请证书。呃,申请这个免费证书吧,我们个人来说,那主要就是这个亚洲诚信了,还是诚信点击完之后呢,它这里边儿要求你绑定你的域名,那绑定域名要求你去输入和刚刚一致的。
19:09
和你对这个域名做解析一致的这个域名,那就是这个WeChat点这个域名。那我们把这个域名给塞进来。啊,这样。然后呢,验证方式。然后这里边把你这个相关的信息都输入好之后即可提交申请,那这个也是非常的快,不到一分钟之后即可这个下发成功,那我在这里边呢,就不再次申请了,因为我已经申请过一次了。那在这里边是我们看到我已经申请好的这个那个证书啊,在这里面呢,也是可以一键部署。那这里边我们可以看到,呃,这个我们house的这个服务器呢,也是支持open fast这个镜像呢,它也是自动这个部署证书的,那我们选择了这个对应的实例之后呢。
20:03
去点击一键部署,它就会自动完成这个SL证书的部署,完全不需要我们去手动去,呃,登录到服务器里边去敲这个各种各样的命令,那非常的这个节省时间,然后部署完毕之后呢,我们再来看一下效果哈。具体的效果呢,就会是这样。我们先把这个给勾掉。HTTPS。
21:18
那这样他就同样可以正常的这个进行一个访问,那我们最终呢,还是需要去到小程序的这个。控制台,那这个是我们这个微信公众平台的这个后台了,那我们需要在这里。在这个开发设置里边去把我们刚刚注册好的这些域名。去放到这个白名单里面,我们需要在这个地方。首页。然后呢?这个。开发设置。然后来到这个开发设置里。在这个地方服务器域名。在这里我们去配置好我们的这个小程序的这个域名,一定要是HTTPS的小程序只支持HTTPS,这个是一个。
22:05
硬的这个条件,那么在里边配置好之后呢。即可。访问。那最终呢,也可以通过我们这个调试好之后来去这里边儿把这个对应的版本上传。就可以发布了,那这样呢,就完成了整个这个小程序的一个构建和开发。OK,到这里我们企业小程序构建呢,就已经全部完成了,不知道屏幕前的您有没有学会呢?除了上面演示的部分之外呢,腾讯云还会继续在小程序场景继续深耕打磨,不断的迭代我们的这个产品功能和体验,让广大企业和个人开发者享受到更加便捷的小程序构建体验,感谢大家的长期关注与支持。另外腾讯云轻量服务器呢,也已经联合腾讯云DDOS防护主机安全团队,为大家奉献上了轻量版的D道安全防护主机安全普惠版等产品,不断的提高安全性。
23:01
如果您还不熟悉刚刚的操作,后期也可以依然通过视频的直播链接,或者进入青云之上应用无忧的专题页面回看直播视频。另外提醒大家可以扫描右侧的二维码加入课程交流群,技术专家将在线为您提供专业的辅导,还可以免费获得技术手册哦,赶快加入吧。最后,先给大家布置一道课后作业,那就是参与课后的动手实验环节,亲自上手搭建小程序。我们也为大家准备了惊喜的小礼物,千万不要错过。相信大家呢,也有很多问题想要提问哈,那个我这里边儿也有,请小助手为我们收集一下,收集到的问题,我来做这个专门解答,呃,时间有限,我们给提给两个问题的这个解答的机会吧,那我们来看一下。那首先第一个问题是这个open fast是什么啊?为什么会采用open fast一套方案啊,这个问题很好哈,呃,Open fast呢,是我们这个开源的一个云函数的管理框架,那它是具备这个代码成本管理很低,部署流程简洁,发布出去短的优势,非常贴合这个小程序的轻量快速研发的这个体验。
24:10
那我们腾讯云轻量应用服务器团队呢,也在这个框架的基础上,针对这个易用性和这个。呃,流程操作流程体验方面进行了一定的优化,专门为这个我们的企业以及个人开发者创造了更多的福利。后续呢,我们也会希望在这个基础上继续去迭代呃,提供更多的功能来去为大家开发小程序提供更多更好的这个便利。啊,第二个呢,主要是呃,后续是否会支持小程序相关的这个云存储给云数据库等等功能啊,这个也没问题哈,呃,腾讯云轻量应用服务器团队呢,也会这个不断的迭代我们这个功能,目前云存储以及云数据库等等功能呢,已经在我们的这个规划当中了,在未来呢,一定会持续的去把这个小程序整个开发的这个生态和套件。都给这个持续输出,让用户投入最少的精力来去获得最好的体验。
25:04
好,那么这里腾讯云与CSDN共同为大家推出的青云之上应用无忧轻量级应用构建训练营系列课程第六课已结束,感谢大家收看。
我来说两句