00:01
Hello,大家好,呃,我是这一次直播的主讲人Cathy,非常感谢大家能够来观看这次的直播啊,我们这次直播的一个主题是低代码时代下的小程序开发新模式啊。首先我先向大家介绍一下我自己啊,我是在武汉大学获取了硕士学位,然后目前在腾讯云微大D代码这个团队担任产品策划的工作,目前呢,主要负责微信开发生态的建设,并专注于提升微信小程序的开发体验和开发效率。嗯,那我们今天的这个直播主要是包括四个部分,第一个部分是微搭D代码的产品简介,第二个部分是微搭的微信生态连接能力,第三个部分呢,是微信小程序开发的一个全链路的新模式,最后一个部分是一个实战演练的过程,呃,我们会实操尝试去搭建一个企业官方的小程序。
01:06
首先第一个部分呢,是微搭低代码这个产品的简要简短的一个介绍,呃,那微大低代码是处于低代码这个赛道,根据。呃,研究机构gardenner预测到2024年将会有75%的企业都会使用低代码或者零代码的工具来满足it应用和企业开发的需求。呃,低代码开发在整个应用开发的这样子的一个领域当中,它的优势是非常明显的。呃不管是相对于SaaS产品,还是呃自主,呃自主的全码研发,低代码都是有它呃不同方面的优势的。嗯,包其中其其中主要包括五个方面,第一个方面是它的效率很高,我们通过可视化呃配置的方式去开发应用,呃可以极大的提升我们的应用开发效率。呃第二个方面的优势是我们的个性化程度会很高,呃因为我们是基于低代码而不是呃SaaS的呃一种形式,那么整个产品作为一个开发工具,它的灵活性是非常非常高的呃用户可以去针对自己的业务去设计专属的业务能力。嗯。第三个优势是微大D代码背靠腾讯以及微信的生态,呃的一个独特的优势,那主要体现在我们的扩展性强,生态繁荣,并且场景非常的丰富。第四个部分是可沉淀的这个能力,我们可以沉淀公司与用户的资产以及it资产,呃,实现可复用。
02:44
呃,从这个角度也可以去提升我们的开发效率,呃,第五个方面的优势是自主性,嗯,主要体现在我们的商业策略和发展不再受制于传统的服务商。那微搭低代码在低代码这个领域,其实是一个云端一体企业数字化转型的发动机,嗯,它是腾讯云自主研发的低代码可视化快速构建应用的一个平台,融合了多种腾讯特色的行业能力,为开发者提供了一站式的开发平台,将应用开发过程当中常用的一些技术能力、业务能力去进行组件化和模块化,从而提升了开发效率呃,并且最大化实现的业务复用,助力业务应用呃的快速构建和上线。
03:34
嗯,那微达的一个很重要的优势是我们的生态能力,微达是从这个PPT当中的图可以看出来,微大首先是生长,生长在云开发这样子的一个pass平台上,呃,然后主要是一端在企业端,连接企业微信,打通组织架构,权限体系,流程体系和企业数据资产,另外一端呢,是跟微信去做联通,实现了营销连接,留存和运营等CC端的能力,除了企业微信和微信这两端以外,我们还连接了腾讯,整个腾讯的很多很多的能力,包括腾讯。
04:18
跟腾讯会议,腾讯文档、地图、支付以及其他第三方系统的一个对接。嗯,介绍完微搭低代码这个产品之后呢?呃,我们想我们接下来会介绍一下微信生态,呃,微搭的微信生态连接能力,那微信生态的连接能力主要是从两个方面来看,第一个是我们在整个小程序应用的开发链上,是能够和微信的官方系统去进行一个无缝的对接,主要体现在四个方面,第一个方面是我们和微信开发的官方工具,就是微信的IDE进行深度的融合,在IDE中直接集成了微搭的编辑器,以及微搭官方提供的一些模板库。
05:06
呃,那第二个方面是说在微达平台上面,呃,构建的应用能够支持一键发布到微信小程序的,呃,官方的系统当中去,第三个部分的优势是我们可以一站式的完成小程序的注册和认证,那不管您是企业主体还是个人主体,或者说您是单主体还是一个服务商,都可以在微这样子的一个平台上面实现快捷的小程序注册和认证。第三个部分是呃小程序认证的小程序一站式认证小程序服务商,呃那服务商在微大也可以去通过呃,包括租户管理等功能去实现对服务商的客户进行呃小程序应用的开发和管理。第二个维度是我们从功能上来看,我们的微信生态连接能力,那主要也是体现在四个部分,第一个部分是我们提供了一些微信生态独有的组建能力,包括获取微信的微信用户的手机号啊,小程序分享,客服会话,We等等各种呃组件。第二个维度是说我们的很多组件在配置项中支持去针对小程序的场景进行能力的扩展,嗯,包括我们会提供获取用户的头像,昵称以及长按图像呃,长按图片识别小程序二维码,分享呃收藏等功能。第三个方面是我们在呃我们的。
06:42
事件动作,也就是逻辑层去封装了微信的嗯前后端的API,提供一站式可视化的配置功能,其中包括呃,消息订阅的功能,位置导航的功能,以及连接视频号整个生态的一些能力。
07:00
嗯,第四个部分,第四个微功能方面的一个优势是我们可以打通微信的登录态啊,包括微信小程序的用户的唯一标识就是open ID,我们是支持一键获取到的,呃,还有就是我们可以在应用开发的过程当中,一键启用小程序的呃,登录登录的功能。嗯,那下面呢,我们会展开去讲,这两个维度一共八个,呃方面的一个优势,首先是我们无线我们对接。微信官方的开发,呃,微信官方系统的一个能力,那可以看到左边这个是微信官方提供的一个小程小程序的开发工具,在这个IDE里,在这样子的一个入口里面,我们可以看到在模板这个地方,可以直接选择微的这一个分类,然后在这个分类下面,我们根据常用的一些小程序开发的场景,提供了呃,一些完整的应用模板,那选择了模板之后,点击确认就可以直接进入到我们的微搭的编辑器里面去对这个模板进行二次的开发。
08:15
整个链是非常通畅的,就是从微信的官方入口,呃,到微信IDE集成的这样子的一个微大编辑器里面去。实现了呃云加端全闭环的开发体验。第二个部分是呃,我们一站式认证小程序及服务商的能力,嗯,那我们可以看到在我们的控制台里面有,呃,有小程序开发认证的一个模块,那进入这个模块之后,我们就可以。在在右侧这个部分就可以对完成小程序的注册,呃这个地方主要是支持个人主体小程序的注册和企业主体小程序的注册啊,如果说呃针对企业主体小程序的注册,如果直接按照官方推荐的路径去呃微信的公众平台进行注册,那可能是需要进行公对公打款认证,或者说呃300或者要支付300块钱的认证费用,那如果呃您在微搭的控制台里面直接去注册小程序的话,就可以省去这些步骤。
09:22
直接去注册完成小程序的注册,注册完成之后就可以把您注册的小程序授权认证给微达这样子的一个低代码开发平台,那认证的过程其实呃是提供了两条链,一条链是针对个人开发者或者中小企业的一个认证链,就是直接通过扫码授权就可以去认证小程序,那这样子的一个链,它的优势是在于说,嗯,它的链路非常的短,并且操作非常的便捷,呃整个流程上基本上就是去呃进行一些点击的操作就可以闭环掉,然后第二个认证的方式是全托管的认证方式,主要是针对服务商或者集团型企业啊去。
10:12
开放的一个功能,集团型企业,也就是说啊,它是一个集团,然后下面会有不同主体的,呃呃子公司或者子企业啊,这对于这对于这一类类的用户呢,我们是推荐使用全托管的一个认证方式,这个认证方式它的优势是在于可以兼容多主体,那它呃有一个不好,呃有一个劣势是在于它的操操作的门槛是稍微会高一点的,呃涉及到说我们要去。呃,理解呃服务域名、AP PID secret以及代码上传密钥这一系列的逻辑,并并去呃操作,完成双向认证的一个过程。嗯,然后呃,第二个方面的一个优势是我们。
11:03
还提供了一站式的服务商注册以及商家授权的功能,对于服务商的用户,嗯,您可以就是呃,在。云测的控制台里面联系客服,然后我们呃,我们建联之后呢,可以呃为您开通服务商小程序认证的这个功能,在这个功能下,您可以把您在微信开放平台认证的服务商身份在微上面认证进来,认证进来之后呢,您就可以在微搭这样子的一个迭代码开发平台上,为您所授权的这些商家小程序进行应用的开发呃发布以及管理等操作。嗯,下一个维度就是功能的这个维度,功能维度的话,我们呃主要分成四个部分去集成了微信的开放能力,第一个部分是组建的这个部分,那我们是在呃这个组建的列表里面有一个专项的小程序的组建分区,在这个分区里面集成了呃大部分的这个微信的开放能力啊,包括大家可以从这个图片中看到有获取用户手机号的能力,小程序分享以及客服会话的能力。
12:18
呃,第二个维度呢,是,呃,我们在。其中某一些通用的组件,它的配置项里面会有小程序开放能力的配置入口,那通过这些呃配置项去实现了对对微信小程序开放能力的集成啊,包括获取用户的呃微信昵称,微信的头像,识别小程序密码等能力。第三个部分是我们事件动作的部分,我们在事件面板里面专门去呃,设置了一个微信能力的,呃。专区,那其中目前为止是集成了消息订阅授权,嗯,地图导航以及视频号开放连接这三大类的,呃,这个连接能力第三第四个部分是和微信的登录态去进行一个打通,主要分成两个部分,第一个部分是我们在应用的登录设置里面,可以直接一键开启小程序的登录方式,第二个部分是我们在应用开发的过程当中,可以直接从系统变量里面获取到,呃。
13:23
那个终端微信用户的open ID及open ID去做健全,以及呃这个用户的判断,呃,那针对这个部分就是这四块的能力,我们会我我们接下来会通过。通过在我为大这个平台里面去实际的实操,然后给大家演示一下,首先第一个部分呢,是我们的,呃,小程序小程序的专项组件。大家可以在这个组建的。侧边栏中找到小程序的这个开放能力。
14:04
那其中是包括了呃,手机号获取小程序分享。还有克服挥话的能力。我们可以新建一个页面,然后去尝试一下把这些组件给拖进来是一个什么样的效果,呃,那拖进来之后,呃手机号和分享这两块其实本质上就是一个呃按钮的形式。那呃在。把这些组件拖进来,并且发布应用之后,终端的用户点击这个小程,呃,点击这个获取手机号的呃,这个按钮之后就可以。嗯,对这个小程序进行手机号的授权,授权完成之后。我们就可以在这个事件的回调动作里面,如果授权成功了,那就可以在这个事件动作里面获取到用户真实的手机号,然后小程序分享这个部分呢?呃,首先我们可以看到在属性面板当中,我们可以对这个分享的内容进行设置,包括我们分享的标题,分享的图片以及分享的页面。
15:08
那分享之后,分享成功之后的一个效果,我们也可以在这个呃,文档里面去。查看一下啊,那我们组建相关的文档都是呃,大家可以在这个官方的文档这个地方的组件列表的入口,进入到这个组建专项的一个呃列表,呃,一个文档列表当中来,呃,那其中我们可以看到下面有一个小程序的专区,其中获取手机号呃的组件发布成功之后的一个效果就是用户点击获取手机号之后,就会有一个下拉的浮窗,然后用户如果授权成功了,那就可以直接获取到用户的手机号,这个地方是用一个文本组件对用户的手机号进行了一个回写。小程序分享组件的一个实现效果是呃,如果我点击了点击了呃,终端用户点击小程序分享之后,比如说我把它分享到我的文件传输系统里面去,那真实的效果就是会以一个对话框的形式去呈现我在这个地方配置的呃分享的标题图片。
16:21
以及说用户在点击这个卡片之后进入到页面,也是我们可以在控制台里,呃,也是我们可在编辑器里面去定义的,这是这两个,呃,小程序相关的组件,还有两个组件,呃,第一个是客服会话的组件。那客服会话的组件。再找一下。可以在这个地方给大家演练一下。客服会话的组件拖进。嗯。你能找到刚才的这个。客服会话的组件在拖进编辑器之后,默认的一个呈现形式是它会呃悬浮在这个页面的右下角,因为大部分的这个客服化的入口都是以这样子的交互去呈现的,所以我们在设计这个组件的时候,以这种高频的样式布局去预制了,呃,预制了这个组件。
17:19
嗯,那哦,这个组件呢,其实是我们拖进来之后就可以直接使用的,使用的效果就是,呃,我们也可以回到这个文档当中来。那我们点击了这一个客服会话的组件之后,就会进入到小程序的这个客服话的界面,那相当于呃,右侧就是用户再去给这个小程序的客服人员发送相关的一些信息。然后这个客服话的能力,除了用户测以外,这呃这个流程是用户测的嘛,那客服会话肯定是有客服人员需要去跟对应的用户进行对接,那客客服测人员的实现效果是说,呃,我们推荐大家可以在小程序的嗯,官方的公众平台里面去使用官方推荐的呃客服助手的两两类工具去实现。
18:15
具体的一个配置的入口,这里也给大家演示一下。稍等一下,我切换一下这个小程序的账号。啊,这个客服人员的配置入口。嗯。呃,这个客服人员的配置入口,大家可以先从就是回归到应用开发的过程当中。我们是可以。
19:08
嗯。选择客服会话。然后。选择客服会话之后,我们去可以去呃配置这个呃会话的一些内容,比如说我们点击了这个客服会话入口之后,是否会显示消息卡片啊,那如果我们开启了这个入口,可以去进一步的定义我们的消息卡片的标题啊,我们点击卡片之后跳转路径,以及整个卡片当中主体部分。图像是显示为什么什么样子。那如果我们不配置的话,其实会默认去提取整个页面的标题,然后以及呃当前页面的跳转路径,以及当前当前页面的一个呃切图去呃呈现在这个消息卡片当中。
20:06
那我们呃,在客服侧的配置入口是进入到小程序的公众管理平台。就是MP点微信,点QQ com,然后在功能当中有一个客服的分类。客服当中就可以在这个地方添加客服人员啊,包括这个地方大家也可以去查看一下网页,网页端客服以及移动端小程序客服的,呃,这两个官方提供的功能应该怎样去使用,包括这里也有使用说明。那我们在这里添加客服的话,就是直接输入对应客服人员的一个微信号,然后进行绑定。嗯,这个地方也演示一下。
21:04
呃,通过这样子简单的方式,我们就可以为这个小程序去呃配置对应的客服人员。然后还可以对这里的客服人员进行管理,嗯,那这个地方我们把某一个微信用户配置成客服人员之后,如果用户,呃,如果小程序的用户。发起了这样子的一个客服会话,那呃,在客服人员的微信当中就会。弹出这样子的一个服务信息,进入,进入服务信息的内容详情之后,客服人员就可以在这个界面里面呃查看这个用户发送的呃咨询信息,并且在整个这这个地方最右侧这个切图呢,其实就是小程序端的一个客服管理工具,客服人员可以在这里查看待接入的用户数据分析以及设置一些自动回复的功能。等等。
22:00
这个就是客服会话这个组件的使用方式,整体来说的话,呃终端用户的这个部分使用,呃配置的过程是比较简单的,主要是我们在客服人员,呃客服侧就是弊端侧怎样去嗯开启并且配置对应的客服人员实现呃我们可以及时的去响应用户的一个呃咨询和服务的请求。嗯,第四个小程序专有的一个。第四个小程序专有的组件,就是我们的公众号关注组件。
23:01
公众号关注组件拖进来之后,它的一个承建形式就是这个样子的,这个组件呢,本身是不需要去做任何的配置的啊,那大家可能会比较疑惑的是,这个地方究竟会展示什么,哪一个公众号呢?呃,那这一块其实也是需要咱们是微信公众平台里面去进行配置的,呃,配置的入口呢,就是呃,我们。呃,这个地方可以。我好快。在。在小程序的管理后台是有一个公众号的,呃,管理的模块,在公众号管理模块里面去绑定对应的公众号就可以了。
24:00
公众号对。呃,然后发布,发布完成之后,在呃用户侧,他可以点击这里的关注按钮,就可以一键关注呃小程序绑定的公众号啊,那如果说用户已经点已经关注过这个公众号,那这个按钮就会变成查看,呃点击查看之后就会直接跳转到呃公众号的主页当中去。嗯,以上就是微搭提供的四个小程序专有的,主要for微信生态的这样子的四个,呃,组件那第二个部分。其实是我们在一些通用的组件的配置项中去集成了呃,小程序以及微信的开放能力,呃其中我们拿获取头像昵称来举举例的话,头像的呃,获取微信头像的这样子的一个能力是集成在图片上传组件中的。可以看到图片上传组件当中会有一个小程序开放能力,那开启那开启了小程序端获取微信,获取微信头像之后,C端用户就可以呃在点击了上传之后直接去选择。
25:12
直接去选择呃,用户的一个微信头像。然后呃,昵称获取的能力是集成在单行输入这样子的一个组件中。单行输入的配置项中也有一个小程序开放能力,开启之后用户的光标在呃,这样这个输入区内。就可以直接去选取呃用户的用户的昵称,然后快捷的填写这两个组件都是呃,在小程序的真实运行环境当中,才可以去查看呃运行的效果,所以大家如果对这些开放能力感兴趣的话,可以在呃这个地方发布了对应的小程序之后。
26:00
在针剂当中去体验对应的效果。呃,这个是第二个部分,就是我们在通用组件的一些配置项中集成了开放能力,第三个部分是,呃,我们的事件动作中的微信能力专区。嗯。我们先清空一下。首先我们可以看一下呃,随便选一个事件进入到这个动作的面板里面之后,我们就可以看到呃,这里的微信能力里面有呃这三个。呃,能力的入口,呃,首先第一个消息订阅授权的,我们可以点进去,然后这个地方是需要我们去配置输入餐那这个地方的,呃呃首先讲一下这个能力的一个使用场景,就是我们需要去呃给用户发送一些消息通知,比如说呃物流信息的推送,呃订单状态的订单状态的推送等等,嗯,那我们首先其实是需要。
27:03
先获得用户对这个订阅推送的一个授权的,所以这个事件主要是做这样子的一个事情,呃,主要的一些触发场景是说,嗯,比如用户在下单完成之后,在支付成功的回调当中去调用这样的一个事件。那这个事件的配置,首先呃,它的入比较简单,只需要配置这样子的一个呃模板ID,那模板ID应该怎样去获取呢?其实是呃,也是要回到这个小程序的MP后台。嗯,然后我们在功能当中有一个订阅消息的入口。订阅消息的入口当中就可以去创建呃,我们的消息模板。微信也提供了大量的这样子的一个公共的模板库,可以直接选用,如果说公共模板库没有办法满足嗯,您的诉求,也可以去呃,自定义的创建一些模板,那我这边是已有的,呃,已有两个呃模板,消息通知的模板,那消息模板的ID其实就是在这个地方获取复制之后。
28:16
呃,粘贴到。这个模板ID的。入口当中。就可以了。这样子就完成了这个消息模板的配置啊,那订阅结果,呃,就是会有不同的状态,那包括呃,我们接受的这个订阅,然后拒绝了等等,呃一系列的状态,那我们可以把这些订阅结果保存为某一个变量,然后去做后续的一些判断逻辑,嗯,这个呢,是我们的消息订阅授权的一个使用的场景和具体的配置方法。下面是地图导航,呃,地图导航这个能力是呃一些比较常用的场景,比如说我们去提供一些本地生活的服务,那需要告诉用户说我的这个呃店或者说我这个公司的地址在哪里。
29:09
那呃,用户。呃,比如说用户可能在。小程序界面里面,点击地址的名称之后,就可以直接进入到位导航的,呃,一个入口里面这个地方需要配置的内容,呃,核心就是经纬度这两个啊,那这个地方也提供了一个快捷的。入口。大家可以直接到腾讯位置服务里面去获取。所在位置的一个经纬度,比如说我这边随便选一个,点击完了之后,就可以在这边获取到坐标,那前面是我们的呃,纬度,后面是我们的一个精度。这个地方也可以进一步的去配置位置的名称和位置的地址,在定位导航的界面里面也会对这两个呃信息进行一个展示。
30:03
呈现的效果其实就是大家在美团里面点击了那个商家的位置之后,就会跳到一个地图里面,然后可以去进行导航,也可以打车啊等等的入口,呃都集成在那,呃都集成在这个功能当中。这是第二个事件动作的一个能力,第三个能力是视频号开放连接的能力啊,这一个动作呢,是一个集成动作的集合,我们可以先选择方法,比如说这个地方我们可以选择,呃,打开视频号的主页,打开视频号的主页,这个方法只需要配置视频号ID就行了,那视频号ID是可以去视频号助手当中获取的。这个地方获取的入口是我们选择登录的这个视频号之后。比如说我登录自己的一个视频号。
31:02
嗯,在首页里面右上角的位置这个部分就是我们的视频号ID,点击就可以直接复制,然后copy过来,嗯,那保存完之后,那对于这样子的一个,呃,配置的效果就是这个页面加载完了之后,就可以直接跳转到这个视频号的主页当中去。那其他的。视频号开放的连接能力还包含呃很多其他的一些能力,包括预约视频号的直播,呃打开视频号的直播,打开视频号的活动页,打开视频号的视频呃获取视频号的直播预告信息,获取直播信息等等功能,嗯,那大家可以呃在这个地方进行进一步结合业务诉求去使用。这个是我们的,呃,事件面板当中微信能力专区的一个能力介绍。
32:01
下面一个部分是我们和微信的登录态的一个打通能力。呃,刚才有讲到主要包括两个部分,第一个部分呢,是我们在应用的设置里面。有一个登录设置的入口,登录设置里面我们可以直接开启。就可以配置我们的登录页,那在小程序端的话,呃,可以对我们的logo,然后背景色。进呃,等等去进行配置,这个地方我们还提供了一个隐私协议的一键配置的入口。啊,可以展示隐私协议和用户协议,具体的协议内容大家就可以直接在这个里面输入就可以了。嗯,不过这个功能呃的使用是有一个限制的,只针对企业主体的小程序才可以启用这个功能啊,那这个限制也是微信小程序整体的一个限制,对于呃,就是非企业主体的这个小程序,大家也可以直接在页面当中去,呃就是自定义的创建一个登录页面,去实现对应的登录效果。
33:13
另外一个和登录态打通的点是我们可以直接。嗯,我们可以直接通过变量获取到小程小程序的登录用户,他的open ID,呃,如果对小程序开发比较了解的用户就会就。会知道open ID其实是微信生态里面用户的一个唯一标识,是在整个小程序开发过程当中非常常用的一个指标,那我们怎样去获取到它呢?比如说我们想我们想把呃这个用户的open ID显示在这个地方,可以直接呃在这个文本的基础属性当中,文本内容这个部分绑定表达式啊,绑定表达式之后,我们可以看到这个地方的数据部分,有数据字段,URL参数,自定义变量和系统变量,那我们在系统变量里面可以看到登录用户信息的分类。
34:06
这个里面就可以直接获取到,呃。用户的这个微信的open ID。点击之后就是可以直接获取。保存之后呃,就可以绑定过来,那open ID是只有在小程序的真实运行环境当中才可以获取到的,小程序发布之后大家体验的时候就可以看到。自己的open ID显示在这个地方,但是因为呃,浏览器的web端是没有办法模拟的,所以这个地方是空的。嗯,以上就是呃微大对。微搭集成呃,微信开放能力的四个方面。嗯,包括组件通用组件的属性配置,实现动作以及对呃登录态的一个打通。啊,那上面呢,就是我们这一次直播的第二个部分的内容,就是我们和微信生态的连接能力,呃,下一个部分会从小程序的开发全链路流程去。
35:11
给大家介绍一下呃小程序开发的一个新模式,那整个小程序开发链主要包括三个环节,第一个部分是注册认证小程序,就是呃咱们得先有一个小程序,第二个部分是我们去真实的去开发这个小程序,呃构建它的呃前端的页面以及对应的功能,第三个部分是我们对这个小程序进行管理,管理呃对,然后针对每个环节为大家都提供了能够明显提高大家的使用和开发效率的对应的能力。那注册这一块呢,是我们刚才已经详细呃讲解过的,包括呃注册以及两种认证方式开发的部分。呃,开发的部开发的这个部分,我们的开发入口其实包括三个部分,第一个是应用的模板,第二个是预制预制的区块,然后第三个部分是我们原子化的组件,分别实现了直接业务问题,开箱即用以及灵活配置呃这三个目标,这个部分可以在呃编辑器当中给大家展开讲讲。
36:19
首先第一个应用模板,大家可以进入到微达的这个控制台里面,创建验创建应用的这个模块,拉到下面可以看到我们,呃官方提供了呃,很大量的一些应用的模板,我们选到小程序这个终端分类之后就可以看到,呃比如说有这个请假系统,访客预约系统,主要是附表单场景的,那也有比较复杂的这种,呃,就是美业小程序。企业官网,然后以及活动抽奖等等啊,其实是呃,行业覆盖,场景覆盖以及功能覆盖都是非常丰富的。
37:01
那这里的模板我们要怎么去使用呢?拿这个美业小小程序举例的话,我们后在这个呃模板上面可以看到有两个入口,一个是使用模板,一个是预览模板,我们可以先点击预览模板查看一下这个模板的一个基础的信息,这个地方会有呃小程序的主要的一些切图,通过这些贴图用户,嗯,咱们可以大致的了解一下能不能满足相应的诉求,然后这个地方还有一个入口是可以跳转到。跳转到这个呃模板的一个使用纸使用手册当中,使用手册会对这个模板呃是怎么搭建的,然后用户应该怎样去定制化的修改其中的呃样式布局和功能进行很详细的描述,呃所以这一块的嗯这一块大家也可以呃多探索一下。除了。嗯,这个就是每页小程序的一个模板使用指南。
38:03
呃,从需求分析到功能规划,然后到数据源的设计。最后到页面的搭建,搭建小程序的部分。然后就是搭建小程序部分,包括每一个模块是怎么搭出来的啊,咱们可以怎样去定制化的修改啊,然后以及到管理端怎么去构建,都有很详细的描述。呃,然后对这个模板进行了呃深入了解之后,我们可以直接点击呃使用模板。点击使用之后,就会直接从我们的控制台进入到编辑器。可以看到这个,呃,模板的一个详细的内容。它有哪些页面,然后每一个页面呃,包含哪些组件。然后每一个组件是怎样去配置的,那对于这种,呃,就是这个组件的最右侧有D或者一等等这种标识的,就表明这个地方是对它进行了一些特殊的配置,呃,这里的配置逻辑大家可以在使用的过程当中去关注一下。
39:18
那这个是小程序开发的第一个入口,就是我们的应用模板。嗯,那如果说能够在这里的模板专区找到可以直接解决您的业务问题的一些模板,当然是呃效率最高的形式,但是我们没有办法做到全覆盖,所以第二个第二个部分呢,就是呃我们的这个开箱,我们也提供了一些预制的区块,呃区块呢相对于模板来说是更加灵活的,它的一个入口是在我们呃创建页面的时候。啊,比如说这这样子的一个美业的模板,它能满足我大部分的需求,但是我想呃,在这个的基础上再去添加一个模块。
40:02
呃,比如说。呃,比如说这个地方有一个呃嗯,有一个呃,社区的一个入口,然后我们就是需要去新建一个页面,那我们可以看到在新建页面的这个入口是提供了很多这种预制好的区块。呃,以及页面模板的选中之后,就可以直接基于这样子的一个呃页面模板去创建页面,实现满呃实现业务的一个诉求,然后这是其中的第一个入口,就是在新建页面的时候可以去选择区块。第二个入口是我们在这个。我们在这个组建选择的这个栏目里面有一个公共区块的部分。那这个部分呢。就可以看到更多的呃,区块的一个种类。比如说我想要去构建一个获取用户基本信息的一个页面,直接点击这个头像昵称获取的这个组件,呃,这个区块,那就可以直接在这个页面里面生成对应的一些内容和信息。
41:16
这个是第二个部分,就是我们的驱动部分,第三个部分是我们原子化的组件能力,就是刚才有讲到的组件栏里面,呃,比较基础以及通用的呃,一些组件,包括这里的热门组件里面的链接文本等等组件。然后第三个部分是呃管理小程序的部分,那我们的管理工具是可以呃非常快捷的去生成,呃如果说您去开发了一个呃,就是电商零售的小程序,那对应的商品品类以及具体的呃商品库存的管理是可以非常便捷的呃去完成开发的。然后在管理小程序的功能这方面,其实大家非常关注的就是业务数据的安全性,为大也是提供了非常呃全面以及强大的角色权限管控的能力去保障,去保障大家的业务安全。
42:17
那就下面就进入到我们这次直播的第四个环节,就是我们去实战演练,搭建一个企业官方的小程序,这里给大家一个,呃,就是大家可以角色扮演一下,假设我们是一个。假设我们是一个呃鲜花店的老板,那我们现在需要去搭建一个小程序呃去做对应的商品的营销,呃主那这个小程序当中主要希望能够实现的功能就是展示我们的商品内容,就是这些鲜花的一些信息。第二个部分就是支持用户可以去获取到购买的一些渠道,包括呃到怎样去到达我的线下门店,或者说怎样去呃通电话订购等等信息。第三个部分呢,就是我们需要收集用户的这些,呃就是C端用户的呃,C端用户的基本信息,我基于这些基本信息可以去做用户增长的策略等等。
43:16
那基于这样的目标,我们可以首先对这个业务模型进行一个拆分。那主要涉及到从嗯MVP的角度来看的话,主要涉及到两个方面的数据,第一个就是我们商品信息的数据,第二个呢,就是呃,这个我们的用户的一个数据的保存。这个是我们对这个业务模型进行了一个初步的分析。那我们可以从这个。入口。创建应用的入口。去新建一个。定义应用。之后就进入到编辑器。器之后,基于我们的这个业务模型,可以首先去构建我们的数据源。
44:05
嗯,那这里呢,是我已经创建好了两个呃数据源,但这个地方也给大家重新的演示一下,点击这个地方的加号,就可以新建一个数据模型,比如说这个地方。我们去新建一个鲜花。近期的一个数据表。然后点击创建之后。可以进入到。他这个数据模型的详细信息。模型字段里面会预制很多的系统字段,那我们在系统字段基础上需要去添加我们的呃,业务信息,包括我们的鲜花的图片。图片的这个字段的类型就是。图片类型。啊,包括再包括比如说我们的,呃,鲜花的名称。
45:01
名称的话就是文本。然后我们鲜花的种类。鲜花种类的话,就是一个枚举字段,因为呃种类对于这样子的一个业务形态来说是一个比较稳定的,所以我们可以在这个地方选取枚举。然后呃,可以快捷的创建一个媒体的类型。那就是鲜花类型。然后比如说我们的单头玫瑰。多头玫瑰。然后以及啊郁金香。哦,康乃馨。等等,呃,这样。哦,循环。一。那么,呃。
46:01
创建这样子的枚举字段之后,鲜花种类就只能在枚举字段当中去选择。好,然后呃,等等其他的一些。这个字段。然后以及我们除了我们创建完字段之后,一定要记得点击这里的保存,存完了之后才会呃真实的去生效,那除了鲜花信息以外,我们还需要去维护用户表的用户信息。点击创建之后,我们需要知道用户的。点击编辑,嗯,对我们来说,最重要的就是用户的手机号。然后呃,比如说用户的头像。呃昵称,然后呃其他的一些基础信息,比如说嗯出生日期,性别等等啊,那这边是已经创建好了这样子的两个呃业务表,那基于业务表是业务表创建完成之后,我们就可以去呃开发我们的应用。
47:13
那我们基于对业务现状进行拆解之后,大概可以总结出我们需要呃开发的页面有哪些,那呃首先说我们的首页,首页就展示我们的一个呃线下店铺的一个基本情况,现在热销的一些鲜花的种类。呃,以及其他一些入口,比如说我们可以在首页去教用户,呃,怎样去养花,怎样去呃呃,怎样去配花等等,然后第二个界面呢,是我们要去展示。全量的鲜花信息。哦,还有一个页面是我们需要给到用户我们的联系方式。
48:04
最后一个页面是,呃,我们要给用户一个个人中心的信息管理的入口。那个人中心的这个入口呢,个人中心。东西。个人中心的这个入口,我们就可以直接用到我们的公共区块里面有个个人中心的一个,呃。区块,然后点击之后就可以生成我们预制好的这个个人中心的一个页面,然后呃,再去对它进行修改,然后跟我们的业务更好的去衔接。创建好这四个入四个页面之后呢,我们可以首先来看一下首页的部分,首页的部分首先我们会要介绍一下我们的这个店铺的一些情况。那通用的一个呈现形式,我们在顶部会给到一个轮播图。
49:05
在轮播图的配置的面板当中,我们可以去修改这个轮播图的图片。嗯,那我这边有预设好一些图片,如果说大家想要去,呃,就是上传自己的图片的话,可以到素材管理这里,然后就可以去上传图片了。这个地方都替换成我们业务需要的图片。然后再下面呢,我们会给到一些呃功能的入口,那可以通过我们的呃宫格导航。这样子的一个组件去实现。风格导航和轮播图比较像,我们可以在基础设置这个地方修改图标,然后以及下面的文案,比如说呃,这个地方的标题我给他,嗯,最近的活动。
50:11
活动信息。然后。第二个呃,入口给到他一个呃,鲜花养护的知识。等等啊,那点击之后就可以实现,就是比如说活动信息就跳转,跳转到活动的一个详情页,鲜花养护信息可能就可以跳转到呃,公众号的某一个呃科普的文章当中去。然后下面的话,我们会需要去展示这个鲜花的一些,呃,热销的一些信息,首先我们给到一个标题。武器当中。嵌套一个文本。然后再给他一个图标。
51:04
要实现的效果呢?首先让他们在同一行,就可以修改这里的呃,样式布局的配置。然后这个文本就是。热销品类。这个就变成一个按钮。这个图标按钮图,呃,图标的这个组件呢,我们就可以直接在图标样式里面去选择我们想要的一个样式,这里提供了大量的呃,预制好的图标,如果不满足大家的诉求的话呢,大家也可以。在这里切换成自定义图标,然后去选择在素材库里面上传的一些图标图标,比如说这个地方就是我上传的一些图标。嗯,那我们想实现的效果,首先呃,这个我们需要去调整一下它的一个边距。
52:08
然后这个。箭头,我们是希望它能够出现在最右侧的,呃实这个实现的方法就是我们在普通容器里面去配置它的这个定位为。相对定位,然后再去。设置图标的定位为。呃,绝对定位。然后它的右侧为零,这样子的话就可以实现这个按钮相对于整个普通容器是出现在最右侧的,嗯呃,如果说大家对这个配置的过程不是特别熟悉的话,可以去了解一些,呃,CSCSS配置相关的一些基础的,呃。知识背景,嗯,然后在热销品类下面,我们就需要去展示呃,这些鲜花的一些信息了。那对于这种呃数据。
53:03
的呈现,我们推荐是以数据列表的形式去呈现。嗯,把数据列表拖进来之后,我们可以先在属性面板里面去选择这个数据列表绑定的数据源,那其实是需要定位到我们刚才创建的,呃,鲜花表。呃,数据列表这块呢,我们除了绑定数据源之后,还可以在模板里面选择,呃,这些通用的一些。列表的展示形式,那这个地方比较适合的一个场景是卡片列表。这样子就可以把我们的这个呃,鲜花的一些信息给展示出来。
54:06
如果说我们需要去修改绑定的内容,就可以点击这个,比如说这个地方绑,我们绑定的其实是它的鲜花名称,这个是符合预期的,然后这个地方呢,绑定的是它的一个描述,那我们,呃,因为这里的文字比较多,我们倾向于鲜花城它的鲜花类型。就可以直接在这这个地方去选择就可以了,然后最后一个部分呢,展示的其实是它的一个。销呃,一个库存的信息,但是我们是需要展示价格的信息。啊,那价格的信息是除了数字以外。还需要再去。呃,后面再加一个单位去展示这个数值的一个含义。啊,可以拖一个普通容器进来。然后把这个文本放进去。
55:01
然后再推一个文本进来。文本的内容。设置为元这个单位。在配置这个普通容器的一个布局的形式是。横向的布局,这样子就配置好了,上面就是呃,这个鲜花的图片,鲜花的名称类型,然后以及价格这些信息就配置好了。我们看这个右边的预览区就好了啊,这个呢就是我们首页的一个配置的逻辑啊,至此为止呢,我们就已经搭建好了首页的三个主要组成部分,顶层的banner,然后中间的导航入口以及热销品类。然后我们可以看到这个上面小程序上面的这个导航栏是一个黑色的效果,如果我们需要去修改这个导航栏的颜色,可以到页面的这个地方有一个页面的设置。
56:03
设置里面可以选择页面样式设置啊,就可以去调整页面。这个标题的颜色是黑色,然后背景的颜色我们设置成白色。就可以调整这个地方的。个样式好。啊,那这是我们的第一个页面,第二个页面呢,是我们需要去展示所有的鲜花的一个信息那。哦,热销里面,热销品类这个里面,我们还需要去进行一个筛选,回到这个。里面可以看到我们有我们,呃,这个模型的字段里面有一个标识是告诉告诉我们这个呃产品是不是一个热销产品。那如果我们想要在这个地方仅过滤出热销的鲜花的一些信息的话,我们可以在数据列表里面去看到这个地方有一个数据筛选的一个入口。然后紧当。
57:03
热销的类型为等于true的时候才展示,这样的话就可以进行过滤。那其那我在配置的过程当中,只有这一个品类是热销的,所以就完成了这个过滤的过程。这个是,呃,其实刚才也是把这个数据列表的一些使用,呃,使用内容进行了介绍,包括它里面的这些信息,怎么去自由的配置,怎样去绑定数据源。呃,怎怎样去修改它的这个样式模板,以及说如果我们有一些筛选,或者说这个地方排序的诉求,也是可以直接通过样式面板,嗯,通过可视化的配置就是就可以去实现了。第二个部分是鲜花的部分,鲜花的部分呢,这里预设的一个场景是我们根据鲜花的类型去呃进行展现,那我们就是一个分类展示的逻辑,分类展示的逻辑我们可以看到这里有一个。
58:05
不是顶部的顶部选项卡,顶部选项卡这个地方,我们就可以去配置它的不同的标签,那我们刚才配置的有啊。嗯,标签名,嗯,单头玫瑰。标签。超头玫瑰。然后是。嗯。预警。啊,这样子我们就构建了三个分类的体系,那我们可以看到顶部选项卡这个组件其实预设了很多这样子的效果和样式。
59:08
那预设好这三个分类之后,我们要去看怎么在这个三个分类下面去填充内容啊,单筒玫瑰里面展示的其实也是我们的这个。呃。商品的信息。也是通过数据。数据列表的形式去展现。我进来之后。然后这个地方哦,我们要先绑定换绑我们的数据为。这个鲜花饼。并且我们要根据这个筛选数据筛选的逻辑去筛选出来单头玫瑰。鲜花类型是单头玫瑰。然后再切到多头玫瑰的这个分类下面。也是要绑定一下数据。
60:16
然后修改它的一个。筛选的逻辑。鲜花类型是多头玫瑰。啊,最后一个部分也是按照这种逻辑去配置,那我们可以看到当头玫瑰这个地方的商品展示,呃,展示一个样式我们不是很喜欢,那我们其实除了像刚才。这个地方切换它的一个呃模板以外,我们还可以更加自由的去定义这个地方的呈现形式。呃,因为我们这里所有的内容都是原子化的,比如说我不想要这个图标,可以直接删掉。然后这个容器外面容器也删掉,然后我想添加一个图片进来。
61:04
那我们就可以直接选到这个外层的普通容器,然后把图片添加进来。然后去调整这个图片的大小。宽高为158。然后这个地方怎样去绑定这个图片为。这个商品的图片呢,我们可以点击这个地方的绑定字段,然后选择鲜花图片。可以绑定成功了。啊,包括如果我们想在。呃,这个地方修改一下,它就展示为先化类型吧,然后呃,如果我们想要去增加一些。这种商品的标签。比如说想要告诉用户,这是一个热销的,热销的一个呃产品,我们也是可以直接在这个数据。
62:09
就是这个数据列表里面添加一个啊,比如说添加一个按钮。然后颜色。颜色。嗯。然后是热销。这样子就可以去扩充这个数据列表的呃,样式和。属性的内容。然后其他的分类下面也是类似的配置逻辑。你这样就可以实现用户进入到这个界面来之后,就可以按照我们提供的这种默认分类去选呃,去选择呃,以及查看他们想他们感兴趣的这个商品。
63:06
呃,那这个部分呢,就是商品列表的这个页面的内容,嗯,第三个部分是。第三个部分是我们给用户提供一个联系我们的入口。哦,刚才那个这这个部分我们还可以增加一个客服会话的入口,就是如果用户在浏览和选购的过程当中,对一些产品呃的一些信息有想要进一步的了解,那用户也可以直接对接到我们的客服人员。客服规划。嗯,就可以添进来,然后客服规划这个组件是一个非常灵活的组件,首先我们可以看到。呃,风格里面是有固定悬浮和相对定位这两种呃选项。如果说我们不想要固定悬浮的这种样式的话,也可以选择相对定位,然后它就是呃,和其他的一些基础组件的一个布局模式就对齐了,然后如果我们不想要里面的这个图标的一个效果,那也可以直接把这个图标给删掉,然后。
64:18
呃,比如说我们想。添加一个图片进来。要选到客服会话上面,点击图片。就可以贴进来,然后我选一个。选择这个图片。也是可以的,那这个客服会话的组件依然是可以生效的,用户在发布之后,用户点击这个客服会话的,呃,这个区域仍然可以进入到我们刚才讲的这个客服会话的界面。进入到这个界面里面去。所以这个组件呢,是一个很灵活的组件。那我们就删掉,然后。
65:02
放一个我们默认就很好看的一个样式放在这里。嗯,好,然后第三个部分呢,是联系我们,联系我们这个部分,呃,我们的一个设计是说首先会在上面放一个比较大的图片。去做一下品牌的,呃,宣传。这个地方设置它的宽度为100%。然后选择一下图片,就随便选一个。这个图片。放在最上面这个地方可以做,呃,其实可以放一个企业的海报进来啊,然后呢,除了企业的海报之外,我们还会需要去展示企业的基本信息。企业的基本信息,我们可以先拖一个普通容器。然后这个普通容器里面会有一个标题。文本。然后以及具体的内容文本部分,我们可以直接在这里设置文本的格式。
66:06
设置它为标题六标题五吧,标题五大一点,嗯,然后文本的内容哦,我直接从别的地方扣分过来。然后我们可以直接复制粘贴到这个地方。嗯,但是这样子的默认样式很丑,我们可以调整一下,首先调整最外层的一个外边距和内边距。
67:00
如果对外编距和内边距的,呃,不是很了解的。同学也可以去看一下CSS相关的背景知识,或者直接在我们的编辑器里面点吧点吧,然后试试,呃,具体的一个效果。也很也比较容易理解,嗯,然后标题和下面的文字我们也去调整一下。他的。间距。设置一个下边句为十。然后普通容器对外层,我们想要一种呃,卡片类型的样式,可以去设置它的阴影。这个外阴影其实默认的会比较丑,那我们可以调整这里的透明度为十。没有生效吗?
68:02
这样就会比较好看,然后再去设置它的圆角。等角,我们设置成10PX。这这个整体来看就会比较好看一点啊,那我们其实有很多这种,嗯,就是联系我们这种页面,它的实现效果是说呃,这个会重叠在一起,更加有层次感,这种效果呃应该怎么去实现呢?可以选择我们的这这一块普通容器的部分,然后呃在页面里面设置它的布局。样式。定位为。相对定位,然后普通容器为绝对定位。设置为。
69:04
200。这个地方可以再去设置一下它的填充。背景的填充颜色,背景为白色。这样子的一个效果就比较好一点,这个文本可以删减一下,然后如果大家觉得这个地方的输入框太小,可以这样退一下就可以拉下来了。删掉也行。嗯,然后这个是企业。介绍。呃,然后在企业介绍下面,我们就需要给他,呃,我们的地址信息,联系的电话信息等等。那我们可以去拖一个。呃,展示类的里面可以找一个。
70:00
图文展示项。这是它的外边职位。嗯,然后在这个地方给到这个,呃,首先是我们的联系电话。可以选这个图标。哦,选择。标题是,嗯,拨打电话。标题是。标题就不展示了,这个地方删除掉之后,它就是不展示的一个状态,然后我们的内容就是电话的。
71:05
电话是多少?随便写一个。然后我们需要实现的效果是用户点击这个区域,就能够通过小程序呃,调取手机的拨打电话的能力,那我们可以选中这一整块,然后在事件里面配置它的点击动作,点击之后呢,我们是需要能够去。拨打电话,那我们是直接有一个拨打电话的事件。然后给到电话号码。这样配置好了之后,用户点击就能直接拨打电话。然后第二个是我们需要给他一个位置信息。可以直接复制粘贴这个。
72:13
然后图标的部分。不要的部分我们可以选择。这个定位的图标。然后。标题就是。定位的。然后内容就是我们的具体地址,比如说随便写一个。我们要实现的一个呃能力就是点击这里的地图定位,就可以直接进入到地图的界面,然后用户可以去导航或者说打车就能来找我们了,所以我们可以在在这个地方啊修改他的事件。
73:06
点击事件为我们的微信开放能力中的地图导航,然后设置经纬度,这个经纬度也是我们刚才有讲过的,可以直接点击这里,然后进入到腾讯地图的位置服务,去找到我们所在的位置,点击一下就可以获取到它的经纬度,前面是纬度,后面是经度。然后保存之后,我们就把联系我们这一个页面,呃,核心的一些功能搭建完了,呃,最后一个页面是个人中心,个人中心我刚才有讲到,我们直接提供了一个默认的个人中心的一个区块,大家也可以多去探索探索,那这个区块我们是给了非常丰富的能力的。如果大家。有一些地方用不到的话也可以直接删掉,比如说这个地方,我们这个小程序现在还不涉及到会员积分和优惠券相关的能力,就可以直接删掉。
74:08
也不影响整个页面的布局啊,然后呃,大家可以按需去提取,包括这里的联系客服的这一个入口呢,也是我们基于这个客服化的组件去实现的,就是呃,就没有用那个固定悬浮的一个样式,而是让它去相对定位,然后把它塞到了这样子一个宫格导航当中去。这个地方是说,呃,只要这个客服会话的这个组件,就是它最外层的这个层级是存在的,那它的功能就是能够得到保障的,里面的图标,里面的嗯内容大家都可以非常自由的去,呃,灵活配置。嗯,然后这里还涉及到一个功能是说,呃,用户应该有一个入口,可以去编辑以及提交他的基本信息,所以这个地方我们还需要再去创建一个页面。
75:03
就是编辑个人信息的页面。编辑个人信息的页面也可以用我们预制好的区块是这这个区块,然后拖进来之后就是一个比较好看的样式了,呃用户在运行端点击这个图片上传,就可以直接上传他的头像,输入昵称就可以直接呃拿到用呃就可以直接一键输入他的这个昵称了。然后包括选择性别。呃,选择生日这些能力都是比较基础的,这个地方还集成了,呃,就是获取用户手机号的一个能力,用户点击这个一键填写的按钮之后。这个一键填写的这个按钮呢,其实就是基于获取用户手机号这个组件去。改出来的。就是这个组件。
76:10
呃,去修改它的一个样式,呃,文本的大小之类的,然后把它修改成这个样子,那用户就可以直接点击就可以不用输入。然后点击一键填写之后,呃授权成功了,这个呃电话号码就可以直接回显到这个地方来。具体的实现逻辑是用呃,手机号授权成功之后,会去做一个变量赋值。把我们的这个呃,手机号的这一个变量复制为。它的回调的一个内容,然后直接回显在这里。然后呃,接下来呢,我们是需要把这两个页面给连通起来,具体的联通路径是说用户不管是点击他的头像还是点击昵称都可以,呃进到刚才的编辑页面里面去编辑他的个人信息,所以我们这个地方需要配置他的事件。
77:09
点击之后可以实现页面跳转。开页面。然后选择我们的页面是编辑个人信息的页面。然后保存。包括这个地方也可以去给他配置一个打开页面的一个事件,并且个人信息保存。嗯,这样子的话,我们的个人中心和编辑个人信息这两个页面就可以实现联通了。嗯。至此呢,我们的这个小程序。包含五个页面,然后两个基本功能,一个是管理商,一个是商品的呈现,一个是用户信息的管理,这样子的一个小程序就已经啊搭建完毕了,除了这两个核心功能以外,我们还做了位置导航呃,联系客服呃,然后包括呃获取头像昵称,获取用户手机号等等一系列的能力,我们也一起呃融合在了这一个小程序当中去。
78:12
那这个呢,是我们的。呃,第二个部分就是开发小程序的这个部分。呃,第三个部分是我们怎样去管理这个小程序,那使用微搭去管理,呃,去做小程序的管理是非常非常便捷的。那管理端就是另外一个应用了,我们可以在创建应用的这个部分选择创建数据模型应用,然后可以看到下面的描述,就是基于数据模型自动生成增删改查的页面,点击之后就可以直接创建。在创建的入口里面,我们选择需要管理的数据。包括鲜花,呃,鲜花表和用户表,我们现在以鲜花表为例,点击创建之后啊,那就会自动的创建,大家可以看到默认就创建了这四个页面,包括呃,我们的列表,我们的创建入口,更新入口和详情。
79:10
比如说这里是我,呃,就是在直播之前写入的两条鲜花的数据信息,在此基础上,呃,就假如我们是一个运营人员,也可以直接在这里新建,然后就可以去增加呃这个鲜花的类型,然后如果我们想要去调整这个热销的品类,可以编辑对应的信息。然后去设置这里是否为热销品类,点击提交就OK了。啊,包括有一些产品需要下架,我们也可以点击,然后删除,就可以对这个商品进行下架,这个就是呃,我们去对小程序进行管理的一个快捷的一个入口。呃,角色权限管控这一块大家可以,就是因为这块是一个比较。
80:00
大的一个模块,后面应该会有专门的针对角色权限配置的一个教程,也会开直播,如果大家感兴趣的话,也欢迎关注。呃,至此为止呢,我们就是从这三个环节出发,去完成了这个实战演练,就是搭建一个呃,鲜花营销的一个企业官方小程序。嗯,以上就是今天直播的所有的内容,呃,非常感谢大家能够来。呃,观看。嗯,那我们我们看一下有没有什么问题。先看一下。
81:00
嗯,哦,我看到。我看到主要两个问题,第一个问题是大家对这个广告组建会比较感兴趣,嗯,那这一块呢,也是在我们的规划范围内的,微信小程序当中,对接微信广告的路径主要有两种,第一种是广告的组件,那主要是我们的banner组件,然后视频,呃呃,Banner广告,视频广告,格子广告这一类的,然后第二个呢,是我们通过呃事件动作去实现广告的加载,呃,那像呃。那个视频激励广告,然后以及。呃,那种弹窗的广告其实是通过事件动作去实现的,这两个方向我们都有在规划,那目前为止就是我们产我们产品功能暂时还没有上线的情况下,大家其实也是有呃其他径可以去实现的,呃组建这个环节呢,大家可以去了解一下,为大家的自定义组件,可以通过自定义组件去实现呃广告的呈现,然后呃通过事件动作去加载广告的这一个部分,呃其实可以直接在那个代码编辑器里面调用微信的前端API去实现。
82:17
呃,对,然后这一块的话,我看大家还挺关注的,之后我们可以在官方的文档专区里面,呃,把广告相关的实现方式去进行一个汇总,在呃功能上线之前可以先。让大家能有可走。呃,然后。第二个问题是。第二个问题是这个。呃,应用性相关的问题,那其实呃,如果说大家能够在模板中心里面找到可以直接解决大家业务问题的一些模板,那其实确实可以直接拖拉拽来就可以,呃,用起来只需要去做一些简单的定制化的修改,但如果大家对这个呃,小程序的一个效果以及功能有比较高的诉求,呃,那还是。
83:21
对,就是咱们开发人员的一个,呃,代码的一个理解,理解能呃相关的背景有一定的要求的,嗯,但其实要求也不是非常的严格,只要大家对javascript,然后以及CSS相关的知识有比较基础的了解,就可以能够用的起来。对呃,在配置的过程当中呢,大家可能大家。就是主要是样式相关的配置会稍微复杂一点,嗯,那其实相其实相对于。大家全码开发来说的话,还是要便捷很多的。
84:04
还有一个问题是。怎么嵌入微信一键登录,搭建好了之后可以直接用吗?嗯,搭建好了之后我们回到刚才的这个小程序的。编辑器里面搭建好了之后,可以点击发布。发布的时候选择小程序端。然后绑定对应的就是我们之前认证。在小程序认证开发认证里面认证好的。呃,这个小程序我们在这里勾选到,然后点击,呃,选择正式版。这个地方有一些检查。在这个地方点击正式版,然后发布之后啊,就可以提交。就可以向呃微信侧提交代码,提交完代码之后,呃提交完代码之后需要在。
85:00
应用设置里面。嗯,刚才还没有发布成功,在应用版本里面有一个提交审核的入口,点击提交审核之后,那微信呃,微信就可以对这个小程序进行审核,审核完了之后这个小程序就可以正式发布了。其实搭建完了之后发布的流程就呃非常短,也只是说审核可能会耗时比较久,但确实是搭建好了之后发布就可以直接用的。嗯,怎么嵌入微信的一键登记,呃,登记的这个部分。登记是指去。收集用户的相关的信息吗?如果是收集用户信息的话,可以参考这个创建应用里面,应用模板当中有很多表单类型的。有这种登记类型,表单类型的一些模板,大家可以参考,然后如果说是跟呃,微信的这个登录体系去做打通的话,那我们现在正在做的有一个功能就是。
86:03
在这里我们如果去在登录设置里面。选择小程序,然后呃,开启了这个小程序。登录的功能之后。所有的C端就是真实使用这个小程序的这些用户,他的信息都会直接跟我们的用户信息去做打通,在这里的外部外部用户的列表当中去做呈现,就可以直接呃对这部分的用户进行统一的登记和管理。还有一个是。还是要部署在服务器上才行,呃,不需要部署在服务器上,发布之后就可以直接运行了,因为微是呃基于云开发去搭建了一个低代码平台,那云开发其实是接管了呃所有呃就是接管了很多。
87:04
部署和运行相关的能力的。这个地方是不需要再去另外购买服务器的。嗯,然后还有一个问题是,发布自定义命名的应用网站是需要购买服务器才能获取。备案授权码。呃,自定义命名是指我们的域名是吗?还是指的这个应用的名称,应用的名称是可以随便自定义的啊,那如果是域名的话,确实是需要另外再去授权和备案,备案完成之后可以在我们的自定义域名这个地方去认证,那我们用微达开发出来的小呃开发出来的应用或者小程序就可以直接使用了。啊,还有一个问题是做好的微达小程序怎么给多客户使用啊,这个问题我的理解是说我做了一个应用的模板,然后需要交付给不同的小程序,那呃这种针对这种诉求的话,可以了解一下微搭的那个自建模板的能力。
88:10
在。模板这个部分有一个自建模板那。拿我们刚才搭建的这个小程序举例,我们可以创建一个自建模板。然后进入到这个自建模板里面添加。添加已有,就是刚才创建好的这个。啊,没有发布,呃,就是把这个应用添加进去之后,就生成了一个模板,然后呃,生成模板之后,就可以重复的在这一个账号下面去安装同一个应用。这样就可以实现同一个小程序交付给不同的客户。具体来说的话,可以在。这个里面搜一下。应用导入导出。
89:05
哦,这个地方。可以了解一下这个地方就可以实现。应用的复制。和批量交付。没有什么其他的问题。循环展示里面怎么添加多张图片?呃,这里的多张图片是指比如说我们的产品的信息是有产,就是那个产品的图片,不是一张图片,是多张图片,那这种情况下可以做两层的循环展示,就是循环的嵌套,第一层是我们的商品信息的循环,第二层是图片的循环,然后在图片里面去,呃,把所有的图片都展示出来。
90:10
呃。服务器这一块的话,因为嗯。因为域名备案是呃呃。域名备案这个事情是国家的管控是比较严格的,云测的话是呃,只能购买服务器才能获取备案的,这个是我们产品功能层面没有办法去,嗯,就是做到的事情,因为呃整个云测只有一到两个入口是支持备案的。可以选择买一个比较小的服务器,并且域名呃,备案成功之后,其实是可以在多处使用的嘛,不仅仅是说在微可以去受益。
91:12
数据源绑定了应用之后删除不了,解除绑定。解除绑定,呃的入口就是我们是需要。在应用里面。比如说我们在刚才开发的过程当中。很多地方都绑定了这个数据,那这个地方都是需要去。对他进行解绑。这个数据。列表就这这些地方。去绑定其他的数据。然后所有绑定了这个数据源的地方,全部都解绑之后,就可以再去对数据源进行删除了,然后数据源这个地方的话。
92:07
在控制台里面数据源的入口。呃,是会展示这个数据源绑定的,绑定了哪些应用,然后可以以这个为线索去进行清理和解绑。那我这边没有什么其他问题的话,哦,还有问题。嗯,域名备案相关的信息可以在这个模块里面去详细的查看,然后目前是只只呃。
93:10
这个地方。可以在这个地方去查看,然后以及微搭的文档里面也有域名备案相关的一些内容,目前是只支持腾讯云备案的。好啦,没有什么问题的话,那我们今天就。好,我切一下PPT。那我们就先到这里,呃,如果大家对微达呃比较感兴趣,希望能够持续的关注微达这个产品的一些最新动态,也欢迎大家加入我们的客户群,并且关注公众号,就是我们这个屏幕上面呃展示的这两个二维码。
94:00
再次感谢大家的观看。再见。
我来说两句