微信小程序的分享相关问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cvper/article/details/85568990

微信小程序具有分享的功能,下面看看相关的问题:

1. 微信小程序的分享功能

    微信小程序可以分享,但是是需要设置分享的功能,否则是不会有分享功能的,什么意思呢? 首先我们开发一个小程序,

    如果在某个页面中的 js 文件中加入 

    onShareAppMessage(){

                   // 这个就是分享设置的函数

    }

    那么,这个小程序的页面就会具有分享的功能, 小程序默认的分享是小程序的右上角的三个点的位置点击即可出现分享的功能,  

    如果在页面的  js 文件中不加入  onShareAppMessage  函数,那么这个页面是不会具有分享的功能的,点击右上角的三个点之后

    我们可以看到是没有分享的功能的;

2.  微信小程序的分享具有两种不同的方式,第一种是小程序的默认的分享,也就是点击右上角的三个点就会出现分享的选项;

      第二种分享额方式是在页面中设置分享按钮,让用户点击触发分享的操作,这两种方式的分享的设置都是差不多的,我们都

     可以设置分享的标题和图片等参数的信息;

     设置微信小程序默认的分享 和点击自定义分享按钮的分享:

      自定义分享需要自己先写一个按钮,如下:

<button class='aaaa' style=' ' open-type='share'>点击我自定义分享</button>

// 在这个页面对应的 js 文件中加入微信默认的分享的函数 :  onShareAppMessage

onShareAppMessage(res) {

                 //  如果是用户点击了我们自定义的按钮,就会走下面这段分享设置

                 if (res.from === 'button') {       

                      return {

                                  title: '自己写了一个按钮,点击就能分享的文案的设置',

                                  imageUrl: 'https://www.cvper.com/eleph.png',       // 自定义分享显示的图片

                                  path: `/pages/index/index?c=` + this.data.c + `&shareEnter=1`   // 自定义分享的地址和参数的传递

                      }

                }

               //  r如果用户点击了微信默认的右上角的分享的按钮,就会走下面这段分享的设置

                return {   

                            title: '我是默认分享的文案',            //  微信默认分享的文案设置

                            path: `/pages/index/index?shareEnter=1`   //  微信默认分享的地址的设置

                }

}

猜你喜欢

转载自blog.csdn.net/cvper/article/details/85568990