• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 分享接口怎么开发?微信分享接口开发实例

分享接口怎么开发?微信分享接口开发实例

时间:2023-07-01 14:05 阅读数:96 人阅读 分类:知识百科

  微信小程序开发有很多种形式,不同的小程序有不同的开发方法,对于微信分享接口开发,也有很多人还不清楚,下面是小编为大家找到的微信分享接口开发实例

  一、开发者权限验证配置,注册当前页面使用的分享接口

  //注入权限验证配置

  wx.config({

  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

  appId: '@AccessTokenManage.AppID', // 必填,公众号的唯一标识

  timestamp:@timestamp , // 必填,生成签名的时间戳

  nonceStr: '@timestamp', // 必填,生成签名的随机串

  signature: '@Common.SecurityHelper.SHA1(sig)',// 必填,签名,见附录1

  jsApiList: [

  //分享接口列表

  'onMenuShareTimeline',

  'onMenuShareAppMessage',

  'onMenuShareQQ',

  'onMenuShareQZone',

  'onMenuShareWeibo'

  ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2

  });

  二、在ready事件中,注册监听分享

  ?

  //处理成功验证

  wx.ready(function () {

  // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,

  //config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。

  //对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

  //监听,分享到朋友圈

  wx.onMenuShareTimeline({

  title:'标题测试',

  link:'.jb51',

  imgUrl:'.jb51/favicon.ico',

  success:function(){

  appendText('分享成功');

  },

  calcel:function(){

  appendText('已经取消');

  }

  });

  //监听,分享到QQ空间

  wx.onMenuShareQZone({

  title: '标题测试', // 分享标题

  desc: '描述测试', // 分享描述

  link: '.jb51', // 分享链接

  imgUrl: '.jb51/favicon.ico', // 分享图标

  success: function () {

  // 用户确认分享后执行的回调函数

  appendText('分享QQ空间成功');

  },

  cancel: function () {

  // 用户取消分享后执行的回调函数

  appendText('分享QQ控件取消');

  }

  });

  //监听,分享给朋友 (type,dataurl基本可以放弃不使用)

  wx.onMenuShareAppMessage({

  title: '标题测试', // 分享标题

  desc: '描述测试', // 分享描述

  link: '.jb51', // 分享链接

  imgUrl: '.jb51/favicon.ico', // 分享图标

  type: 'link', // 分享类型,music、video或link,不填默认为link

  dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

  success: function () {

  // 用户确认分享后执行的回调函数

  appendText('分享给朋友成功');

  },

  cancel: function () {

  // 用户取消分享后执行的回调函数

  appendText('分享给朋友取消');

  }

  });

  //监听,分享到QQ

  wx.onMenuShareQQ({

  title: '标题测试', // 分享标题

  desc: '描述测试', // 分享描述

  link: '.jb51', // 分享链接

  imgUrl: '.jb51/favicon.ico', // 分享图标

  success: function () {

  // 用户确认分享后执行的回调函数

  appendText('分享到QQ成功');

  },

  cancel: function () {

  // 用户取消分享后执行的回调函数

  appendText('分享到QQ取消');

  }

  });

  //监听,分享到腾讯微博 (基本可以放弃不使用)

  wx.onMenuShareWeibo({

  title: '标题测试', // 分享标题

  desc: '描述测试', // 分享描述

  link: '.jb51', // 分享链接

  imgUrl: '.jb51/favicon.ico', // 分享图标

  success: function () {

  // 用户确认分享后执行的回调函数

  appendText('分享到腾讯微博成功');

  },

  cancel: function () {

  // 用户取消分享后执行的回调函数

  appendText('分享到腾讯微博失败');

  }

  });

  appendText('ready事件触发');

  });

  以上就是微信分享接口开发实例,看完之后对于分享接口的开发有没有一个全面的了解呢?参照这个实例,你也可以进行相关的接口开发。更多相关资料请关注微信小程序网。

  

  微信小程序怎么分享,微信小程序分享步骤

  微信小程序分享接口相关问题

  小程序appid如何添加微信共分享功能?