138.公众号开发-微信分享功能原创

各位同学大家好，下面呢，我们开始实现微信分享功能，微信分享功能主要做什么功能，给各位做个说明，各位看到我现在点击某个点播课程，先到他的列表页面中，然后点击去看，看到详情页面，在详情页面中这位置，我点击这个箭头，可以给他转发给我的某个微信好友，来完成一个微信分享功能，在分享过程中我们要显示出比如说你的课程名称，课程的图片的内容，所以下面我们来实现微信的分享功能。那功能怎么做呢？首先第一步我们需要绑定域名，绑定什么域名呢？就是你现在啊，我们进入到点播课程的详情页面，你详情课程的域名，那域名呢，如果说你在正式号里边，那咱们在这个就是公众号设置中，在这位置加上你的域名，我们现在用的是测试号，所以测试号里边我这里加上了，这是我目前这个页面的域名，就是你课程详情，因为域名把这个改到这里，我这里已经改过了。

然后改完之后我们继续往下来做，下面呢，我们就是在页面中做操作，页面已经写过了，第一步引用文件，咱们到table里的index h文件中，然后第二部分这位置我们有一个工具类，大家看啊，在U中有个叫微信share JS里边写好了他的这个基本的分享过程，包括里边一些相关信息。然后写完之后，最后我们在这个课程的详情页面中做这个操作，那咱看一下啊。在详情页面中呢，这个里边我们找到应该是在我里边那个cos info.view页面，咱们引入这个就是JS文件微信分享，然后下面在详情方法中，我们把这行打开，调我们这个方法叫微信来完成分享过程，这是我们写这个代码，在这过程中呢，咱们需要对这个路径做处理，因为径中我们注意啊，咱们课程详情页面径中是不是在那个井号，井号需要处理，另外里边这个路径还是要做一些其他的处理，就做一些加密的处理，所以咱们下面来写个接口，把这路径做个处理。

那我来写一下啊。我现在把这接口写到这个VCH里边，在里边创建一个CTRL类，然后把这代码我从课件中就直接复制过来了，就是我里边的这个代码。咱们把它拿过来，然后把里边内种看一下啊，首先加上我们这个相关的路径在里边，这个叫微信MP service，这各应该很熟悉，加上我们的。得到你这里边要分享那个路径，比如咱分享是课程详情页面路径，把路径得到。

得到之后，因为井号它里边不能传递，咱做个替换，替换之后最后我们完成这个加密这个过程啊。包括你看啊，用它里边那个微信的方式进行编码，进行加密，然后里边得到你当前那个用户的ID，最终把这个完成，这是咱们写的一个接口，然后接口写完之后，在里面进行调用对径做处理，最终就能完成这个分享的功能，这就是一个基本过程啊，各位把这个能快速实验出来可以了，应该是一个很简单过程，按照这个过程编写接口，然后进行前端的整合，最终完成分享。然后写完之后，下面呢，我们做个测试，咱们先把这个后端接口先启动一下，然后通过前端我们完成测试，把我们的点播课程进行最终的分享过程。咱们等它启动，然后开始测试。

我们稍微等一下啊，这个测试特别说明啊，就是在有的时候呢，你通过这个就是PC端可能会出问题，所以最好用手机测试，当然PC端有时候也好使，如果你发现PC端总是出问题，那你通过手机测试绝对没有错的。那咱们看一下啊，目前都启动了，咱们测试一下。我重新进入啊，在公众号里边点击某个课程，先进入到他的列表页面中来，咱们等他打开进入到列表中，点击去看，看到详情界面，在详情界面里边，我们现在点击这个按钮进行分享，我就分享给这个。咱们做个查看，然后分享之后，我到我的微信中大家看一下啊，你看啊，这就是我刚才分享的课程，Java基础课程，包括课程名称，包括图片，当然你可以加更多信息，咱现在点课程，那就进入到我们的详情界面中来，所以以上我们就完成了微信的分享功能，微信分享功能在实际中经常用到，比如现在你有一门课程可以分享给别的好友，你有一个点播课程或者直播课程，都可以用这种方式进行分享。

所以现在啊，这个功能我们就最终完成了。