00:00
大家好,在上节课我们来说了一下H5的一个发行啊,那我们把这些先都关掉,那这节课呢,我们来说一下小程序的发行,因为各个小程序的发行都啊都差不多类似,所以呢,我们以这个微信小程序啊为例来进行说明啊。那首先啊,我们要配置一下这个微信小程序发布的一个配置。首先要配置我们微信小程序的APPIDAPPID呢可以在微信开发者公具中申请啊,当然一般我们是在我们的呃公众平台里面去获取,那首先我们来打开这个公众平台,这是我登录啊小程序的这个公众平台之后的一个账号啊,是我们的呃,自己注册一个小程序啊,那在哪去看到这个ID呢?我们可以点到这个开发管理啊开发管理。开发管理里面有一个开发设置,诶,这里面就有我们的这个IID啊好,接下来来复制一下这个IID到这里面,接着我们把这些啊ES6转E5代码这个样式补全,然后自动压缩啊,检查这个安全域名和TS域名都打开,那如果我们里面用到了一些定位,比如说这个小程序里面要获取你当前的位置,我们要把这个位置的接口权限给它勾上,并且还要填上这个申请的原因啊,那当然我们现在这个我们的这个程序啊,没有用到这个位置,所以这里我们就不勾选了,当我们的微信小程序的配置配置好之后啊。
01:13
我们就可以进行这个发行了啊,发行呢,就可以给他发行这个微信小程序啊,好,然后还有一点需要注意,这个IID啊,就是我们使用的这个微信小程序APPID一定是你的账号有权限的啊,一定是你的这个当前你的开发者工具里面。啊,我们先给大家打开这个微信开发者工具啊,微信开发者工具一定是你微信开发者工具你登录的这个账号啊,就是你登录的这个账号有权限的,我先把这个关掉。这是之前我们打开过的啊,也就是说我们当前登录的账号,你要对我们的这个小程序啊,有操作权限才可以。清楚了吧,啊,比如说这个在这个成员管理里面可以看到我是有权限的,因为我是这个管理员对吧。好,当然也可以,呃,你要有权限才可以,这个一定要说明一下,要不然的话你就会运行不了啊,当然我这个是有权限的,我把名字改一改啊,这是我们的图书商城啊,图书商城啊。
02:10
然后这个是我们的ID啊,接着呢,我们就可以诶进行这个发行啊好,那执行这个发行啊,如果你的这个项目啊,就是比较简单,比较小,没有必要去使用这个混合包发行,混合包发行,那如果要对这个混合包发行有一些想做了解的话,可以看一下啊。可以使用这个,呃,混合包的一个发行啊。嗯,这个我们就,嗯不用了。那接下来我们来继续,诶,点击发行。好,可以看到点击发行,它会在这里啊,去编译我们的代码,把我们的代码啊,发行的代码给编译到啊UN里面啊里面啊,编到这个build里面,那我们这里面之前H5代码就编译到这里面了,对吧?可以看到这里多了一个小程序对不对,而且我们的小程序还会自动帮我们的运行打开,好,那这里面之前啊,下面跟大家说,在第四里面有一个build,一个DV,对吧,DV是我们在开发的时候运行的,比如说我们在开发阶段去运行的小程序啊,运行的这个APP代码是在这里面的,对不对?好,这个build是我们编译之后的代码,就是我们准备发行的这个代码是在这个里面啊好,这里呢,已经提示我们运行完了,要我们在这个开发者工具里面进行上传啊。
03:16
啊好,那当代码编译完成之后啊,这里还没加载完,等它加载完先说一下小程序,这个小程序呢,我们的代码管理啊,是在这个版本管理里面,版本管理里面。然后这有三个区域对吧,三个区域,那我们通过这个开发者工具上传的这个代码呢,就会上传到这个开发版本里面啊,开发的这个版本里面啊,之后我们可以提交审核到这个审核版本,审核会有一到三天的一个审核时间,之后我们在审核版本里面就可以发布啊,发布成一个线上的版本,只有线上的版本用户才是可以搜到的。好在开发版本里面呢,可以选为这个体验版啊,有个体验的二维码啊,那接下来看一下我们这里有一个报错啊,一个报错,比如说我们这里是我们使用的这个域名,哎,我们使用的这个域名呢,如果不在合法域名列表之内的话,可以看到数据都是没有的,就是小程序我们要使用的话,必须得配置合法域名,那我们来复制一下这个域名。
04:06
啊,配置一下就可以了,好在哪配置呢?还是在这个开发管理里面。啊,有一个开发设置,之前我们只是在这里看了看了这个FID对吧,在下面的话,它有一些这个服务器的设置啊,我们可以去配置我们的这个服务器的一个白名单。那我扫一下码,稍等一下。啊。扫完了啊,大家可以看到啊,这里面有我们的request的合法域名对吧?啊多个的话呢,以分号隔开啊,以分号英文的分号隔开,好,如果我们把这个合法域名加到这里面之后啊,我们的小程序才能正常的访问,因为之前我们在测试阶段,开发阶段,我们是在这个详情里面是把这个不校验域名给关掉的,明白了吧,把这个不教域名关了,但正式我们发布的项目的话,是必须得让这个域名配置在合法域名里面,因为我们只是用到了request的这个API这个域名,所以呢,嗯,其他的我们就先不加了,比如socket的,比如说这个upload的,Downloadad的啊,Udp的这些我们先不加了啊,当然我们还用到了一个什么域名呢,其实还是用,还用到了一个阿里oss的一个域名。
05:06
啊,如果这个域名你不加到这个里面的话,你头像上传就不好使。清楚了吧,啊,就是我们的oss域名啊,那这里呢,我就先不加了,好我们保存并提交,当我们加到这个合法域名里面之后,这个时候啊,那这里呢,我们就在详情里面就可以去啊这个项目配置里面,我们这个它就会有啊,它就会有,如果它呃时间长不出来,你可以刷新一下,刷新一下。啊好,那这个时候,哎,我们再重新去,呃,重新去打包的时候,重新去打包的时候呢,就会不太会出现这个问题了。啊好,那这时候我们就可以去点击这个上传,上传我们代码啊,在上传之前啊,我先给大家说一件事情,也说我们最终要把这个编译后的这个代码,编译后的这个代码给上传到微信的啊这个。啊,关这个版本管理里面,你说微信的公众平台里面啊,然后这一点千万千万一定要注意,注意个什么事情呢?你一定得是啊,一定得是这里点了发行之后的代码,直接在这里面去上传,你不要用这个开发者工具,你去编译明白了没有,那我给大家讲讲为什么啊,因为你在这里面点了编译之后,你的文件会非常的大。
06:20
啊好,我给大家稍微做一个演示,我们现在先不上传啊,先不上传啊,来看一下我们的这个代码,我们的代码是在哪呢?就是这个MP这个啊,我们在硬盘中打开啊。呃,打开文件所在目录。好,我们在硬盘中打开来检查一下它的大小,大概只有400多K,好,接下来我们来看一下,我们来编译之后,你看一下编译之后的这个文件的大小,可以看到因为我们把这个域名已经加到了合法域名,所以呢,它就不会再出现这个错误,而且数据能正常请求,那接下来我们再来看一看这个文件的这个大小。是不是就大了一些了,虽然说是从400多到500多的一个跨越,没大多兆,但是如果你的项目恰好是两兆啊,或者是1.9兆,你编译之后可能就会超过两兆的一个限制,你超过两兆之后,你这个代码就没法去上传到这个微信的这个,呃,公众平台。
07:07
明白了吧,所以这一点我再强调一遍,一定是我们的这个上传的代码,是我们从这里面去发行之后的一个代码啊,来,我再重新发行一遍,因为那个我已经编译了啊,再重新发行一遍,千万不要用它去编译。记好了吧,啊,千万不要用它去编译好,那接下来我们再来说一下我们的这个。呃,Dev里面是我们运行时的一个代码,对吧,那我们顺便来看一下我们运行时的代码,它的大小是多大。好,找到我们的文件管理器DV里面,这个是运行时的一个代码,可以看到这个运行时的还是比较大比较大的,对不对,所以呢,我们在运行的时候,这个代码呢,你虽然说你你上传上去也能用,对吧,但是你也不要上传运行的啊,一定要记住上传微信小程序的代码是上传我们这里发行之后的代码,而且不能经过小程序的这个编译,因为UNAPP在编译的时候,看到我们这些选项里面,我们会进行一个这个代码的压缩呀等等的一些优化。
08:01
那我们这个呢,也重新编缘了,那继续去看一下我们的这个build之后的这个代码啊,只只有400多K了,对吧,四百四百多K,好这时候呢,我们编译完成之后,就可以直接用这个工具进行上传,上传我们的代码。好,那我们选择1.1.1啊,随便写个版本,然后是我们的这个完成图书商城项目,图书商城项目来上传。啊,为找到这个APP点杰森啊这个我们。重新把它删掉,重新来一遍,重新编一遍,把这个先结束掉。因为刚才我们去手动编译了一下,所以呢出了点问题啊。好,那我们来重新这个发行发行。微信小程序啊,重新发行一下。因为之前我们点了一个手动点了一下那个编译嘛。
09:00
好,稍等一下啊。啊,因为之前我们点了这个,所以出了点问题,那我们在什么都不点的情况下,我们直接点上传啊点上传。微信小程序一定要注意两个部分,一个是这个合法域名的配置啊,一个是呃,代码的一个上传。啊,等这个底下的它的文件加载完啊。啊,这个看自己的电脑的这个磁盘的这个性能,它的这个加载的这个速度。好,那现在已经加载完成了,那我就可以上传了啊。来1.1.1啊完成图书上成项目啊,我们来上传啊,这个时候就不会报那个文件了,所以哎,通过刚才说大家也发现了,你千万不要去点这个编译啊,会有问题的啊,一定是我们这边发行完的代码啊,这边发行完的代码啊,直接在这个工具里面上传就可以了啊,其他的就不要去了操作了,好,那接下来我们回到这里面来刷新一下我们的这个版本,空版本管理,哎,就可以看到刚才我们上传这个版本,哎,就是8月9号刚才啊04:30我上传的这个版本啊,完成图商务项目,那这个只是开发版,开发版呢我们可以选为体验版,体验版呢,在这个成员管理里面啊,有这个体验权限的就可以体验啊,比如说我们的项目成员,比如说我们的体验成员对吧,好。
10:20
接着说我们的版本管理啊,我们如果想让我们程序啊,小程序正常上线,我们还要提交一个审核,哎,就是提交这个审核版本,那提交这个审核呢,呃,扫码就是管理员扫码确认之后就会来到这个审核版本,这个我就不演示了,那审核版本呢,会经过一到三天的一个审核,其实一般在一天以内是可以审核过的啊,审核过之后我们就可以把它发布,发布之后就来到线上版的,那我们在小程序里面,诶,别人就可以搜到我们的这个小程序,这是整个小程序的一个。发行啊啊最最后再再强调两点,也是我们需要注意的这个地方啊,一个是我们这个APPID啊,这个APPID一定是你的这个当前开发者工具登录的这个账号,有权限去操作的这个微信小程序,对吧,你不能是操作别人的呀,对不对?好,这是一点要注意的。第二点要注意的是我们发行完的这个代码啊,就是说我们在运行的时候,会有一个运行的这个DV里面的小程序代码,对吧,我们不要用,一定要用发行的,发行后的这个小程序的代码啊,因为在发行的时候,它会自动给我们打开这个工具,我们一定要上传这个发行后的一个代码,因为它会压缩到体积很小。
11:23
好,这是一点,再一点是。你千万不要去编译。知道吧,哪怕说哦,你这块样式不对,这个文字错了,你去改了个文件,你想在这重编一下,你不要这么做,你只要你改了东西,你就重新去发行就完事了,明白了没有,要不然就会出现我刚才那个错误,而且通过这个文件大小的对比,也给大家看了,它的大小会增大一些啊,这点要注意啊,那我们在这节课小程序的这个发布就说到这里。
我来说两句