00:00
好的,我们继续啊,那这节课呢,我们来看一下这个功能啊,大家看我写好这个啊,在我们每一个视频模块的右下角呢,这有个三个点,那么这三个点呢,你看我这一点击啊,那这个呢,是出现了一个转发的按钮。啊,首先呢,我们点击这个发送呢,其实可以发送给我们的微信好友啊,那在这里。那在模拟器上呢,它是没有这个呃,转真实转发的功能啊,在我们的真机上,当你点击发送的时候呢,它会出现一个列表,让你选择你的微信好友,然后呢,我们选择某一个微信好友,一发送啊,就会将当前的小程序转发给你的微信好友。哎,那而且呢,大家看这里面呢,这些图片啥的,其实都是我自定义的。哎,都是我自定义的,好的,那现在啊,我们来做一下这个功能,在我们当前的页面,现在点击是没有任何效果的,首先呢,我们找到这三个点啊,来到我们的代码里面往下啊,大家看在这里。
01:05
那现在呢,能看到的这是一个button里边呢,用icon去显示的那三个点。那么如何让它实现转发的功能呢?哎,我们还要依赖于这个组件啊,那现在呢,我们来到官网。到组件这一块找到我们的button。啊,那这个button呢,如果什么都不设置,它就是一个普通的按钮,之前我们是吧,通过open type去给它设置了一个get your in啊,我们去拿了一下这个用户的基本信息呀,哎,拿了一下用户的基本信息。那现在呢,我们再看一下这个open type啊往下翻。它除了get info之下呢,还有其他的开发能力,比如说这个share触发用户的转发。其实很简单啊,我们只需要给这个button设置一个open,嗯,Type。
02:01
对应的值为share,就可以实现这个转发的功能了。这个时候大家看啊,我这一点击诶就出来了,没有问题,只不过啊,现在你能看到里边的这个页面,它相当于是在点击转发的一瞬间呢,拍的当前页面的一个快照,就是这个位置。嗯,所以啊,我们能看到你看,哎,我要找到你跟外边这个是不是一样呀,OK,那需要时间转发,你会发现很简单对吧。那么除了点击页面上的转发,大家看啊,我点击这儿呢,也可以实现这个转发一样的,那么右上角这个转发是怎么来的呢?来来到GS里边。往下翻啊,在我们GS里面呢,就剩这一个美甲了,在页面里面啊,页面里面这儿还有一个世界啊,就是说用户点击右上角分享的时候。调用这个回调。
03:02
那这个回调的对应是页面里面的一个世界啊,所以呢,我们来到啊框架页面这里面呢,我们去找一下是这。用户点击右上角转发,那么对应的事件呢,我们看一下。当前这个回调用于接听用户点击页面内的转发按钮,就是给button组件的设置这个或者说是右上角的转发行为,并且可以自定义转发内容。注意。啊,只有定义了这个事件的处理函数呢,右上角的菜单才会显示转换按钮。哎,什么意思呢,大家看,如果说啊,我们页面里面没有这个世界,那这个时候呢,我们来到我们的页面。你看着我现在点击右上角,这就显示,哎,当前页面未设置分享。所以呢,右上角这个三个点能不能转发分享,取决于我们页面里面那个事件。嗯,当然了,他对我们八寸的这个转发分享呢,是没有影响的,好,那现在呢,我们把这个打开。
04:05
那这哥们呢,是用来接听的啊,也就当你一点击转发分享,它就会触发。触发的同时我们看一下在这个里面。啊,有一个参数是个对象,那么对象里边呢,有一个from属性,这个from呢,是可以显示我们这个转发的来源,比如说是八个呀,还是。哎,是页面内的转发呀,还是右上角菜单的转发。那那这个时候呢,来过来,我们可以去把这个from给它解构出来,同时呢,我们在里边呢,做一个打印。好的,那现在我们来看一眼啊。把这个清一下,我点击这个大家看,哎,这是button,那么我点击上面走。这你看这是menu。对了吧,哎,那这样的话呢,我们是不是可以通过这个from来区分到底点击的是哪呀。
05:03
那区分完以后,我们再说如何去自定义转化的内容呢?我们往下看。哎,这个事件的处理函数呢,可以return一个对象,用于自定义转换的内容,那么对象里面的内容如下啊,就是这一堆。Title。转发的标题。默认是当前小程序的名称,当然你也可以自定义pass呢,是转发的路径,那么必须是啊当前页面的pass,而且呢,必须以跟路径开头。因为URL是自定义的图片路径啊,可以是本地的文件路径,代码包文件路径或者网络图片。那随便你,那这个时候啊,大家看我怎么写。我们可以直接return一个对象,哎,Title是转发的标题啊,比如说我故意写一个啊,呃,自定义,嗯。转发内容呗。呃,自定义转换内容对吧,然后呢,我们还需要设置一个pass啊,就是当前页面的路径,并且呢,以个路径开头,那我就写一下啊,配下边啊video下边的video呗。
06:11
那么还有一个什么呢?还有一个叫image URL。那这个时候呢,你。可以自定义你的转发图片啊,我呢还是用这个image下面的女神点GPG位。来,我们看一眼。过来。好了,现在我一点进来,大家看自定义转发内容啊,图片也有了,没有问题。好,那这是这个啊,那可能啊,有的项目里面呢,要求大家区分用户到底点击的是页面内的还是右上角的,那这个时候呢,我们可以利用这个from去写。比如说啊,我这判断一下,如果说from等等于button。这什么说明?来自于页面内的转发,我们把这个放进去。那这呢啊,我们给它换一下吧,啊那这个呢,是啊来自啊八层的转发。
07:05
嗯,然后呢,L呢,那就是右上角呗,我们再放一个啊,那这个呢,就是这个menu。对吧,啊,来自menu的转化。嗯,那前面的给它加一个来字吧。好的,那这个时候呢,我们再来看一下效果啊过来。你看啊走啊,来自八同的转发,然后呢,点右上角走。来自menu的转发没有问题啊,那这样的话呢,我们又进一步啊,去区分了一下,到底点击的是哪一个转发啊,那大家写完以后呢,在真题上啊体验的时候,你就可以将你的小程序呢,转发给你的小伙伴,让他们去看,只不过要注意你转发给你的小伙伴以后呢,他直接是点不开的,当他点击你转发的那个链接。
08:00
在转发的小程序上面会显示暂无体验权限,那么如何让他看到,诶,你写的这个小程序呢?哎,那这个时候呢,我们需要来到官网。在我们小程序登录的这个后台主页啊,这个里面呢,大家看啊,这有一个管理。管理里边有一个成员管理。嗯,我们点击一下。成员管理这注意啊,管理员呢,一定是你当前登录的这个微信账号。对吧,那么再往下呢,有个项目成员,那这个呢,就是参与开发的项目成员,我们可以设置。设置添加指定的成员,并且呢,也可以去设置当前成员的一些权限,那自然往下这有一个叫体验成员。哎,你想让谁体验你的小程序,你就把它添加进来,注意啊,我们需要点击右侧的添加,在这里呢,输入指定的微信号就可以了,然后点击确定。那么在这里呢,可以绑定多个微信号啊,注意最多几个呀,最多15个。
09:07
啊,那这呢是我们要注意的一件事情啊啊要注意的一个事情,那就是说我们需要去设置这个啊体验成员来我给大家缩小一下啊,缩小一下到时候呢,可能有的小伙伴找不到,我给大家截一个图。啊过来首先啊,在我们后台开发的主页里面呢,大家需要找到成员管理,找项目成员,然后啊,你去点击这个添加就OK了,在这里呢啊,我们要注意一个事情啊,就是说最多我们可以添加15个呗。好的,那这个呢,我给它保存一下啊,保存一下啊,然后呢,来到我们的桌面。嗯,来到桌面,在咱们课堂截图里面啊,我给它放到这儿。零啊,那这个呢,是设置这个呃,体验权限。
10:02
OK啊,那这是这个啊,就这一个好的,那这节课呢,我们主要是讲了一个转发分享的功能啊,那这节课呢,我们先讲到这里。
我来说两句