share.js 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. import $store from '@/sheep/store';
  2. import $platform from '@/sheep/platform';
  3. import $router from '@/sheep/router';
  4. import $url from '@/sheep/url';
  5. import BrokerageApi from '@/sheep/api/trade/brokerage';
  6. // #ifdef H5
  7. import $wxsdk from '@/sheep/libs/sdk-h5-weixin';
  8. // #endif
  9. // 设置分享的平台渠道: 1=H5,2=微信公众号网页,3=微信小程序,4=App,...按需扩展
  10. const platformMap = ['H5', 'WechatOfficialAccount', 'WechatMiniProgram', 'App'];
  11. // 设置分享方式: 1=直接转发,2=海报,3=复制链接,...按需扩展
  12. const fromMap = ['forward', 'poster', 'link'];
  13. // TODO 芋艿:分享的接入
  14. // 设置分享信息参数
  15. const getShareInfo = (
  16. scene = {
  17. title: '', // 自定义分享标题
  18. desc: '', // 自定义描述
  19. image: '', // 自定义分享图片
  20. params: {}, // 自定义分享参数
  21. },
  22. poster = {
  23. // 自定义海报数据
  24. type: 'user',
  25. },
  26. ) => {
  27. const shareInfo = {
  28. title: '', // 分享标题
  29. desc: '', // 描述
  30. image: '', // 分享图片
  31. path: '', // 分享页面+参数
  32. link: '', // 分享Url+参数
  33. query: '', // 分享参数
  34. poster, // 海报所需数据
  35. };
  36. const app = $store('app');
  37. const shareConfig = app.platform.share;
  38. // 自动拼接分享用户参数
  39. const query = buildSpmQuery(scene.params);
  40. shareInfo.query = query;
  41. // 配置分享链接地址
  42. shareInfo.link = buildSpmLink(query, shareConfig.linkAddress);
  43. // 配置页面地址带参数
  44. shareInfo.path = buildSpmPath();
  45. // 配置转发参数
  46. if (shareConfig.methods.includes('forward')) {
  47. if (shareConfig.forwardInfo.title === '' || shareConfig.forwardInfo.image === '') {
  48. console.log('请在平台设置中配置默认转发信息');
  49. }
  50. // 设置自定义分享信息
  51. shareInfo.title = scene.title || shareConfig.forwardInfo.title;
  52. shareInfo.image = $url.cdn(scene.image || shareConfig.forwardInfo.image);
  53. shareInfo.desc = scene.desc || shareConfig.forwardInfo.subtitle;
  54. shareInfo.path = buildSpmPath(query);
  55. }
  56. return shareInfo;
  57. };
  58. /**
  59. * 构造 spm 分享参数
  60. *
  61. * @param params json 格式,其中包含:1)shareId 分享用户的编号;2)page 页面类型;3)query 页面 ID(参数);4)platform 平台类型;5)from 分享来源类型。
  62. * @return 分享串 `spm=${shareId}.${page}.${query}.${platform}.${from}`
  63. */
  64. const buildSpmQuery = (params) => {
  65. const user = $store('user');
  66. let shareId = '0'; // 设置分享者用户ID
  67. if (typeof params.shareId === 'undefined') {
  68. if (user.isLogin) {
  69. shareId = user.userInfo.id;
  70. }
  71. }
  72. let page = '1'; // 页面类型: 1=首页(默认),2=商品,3=拼团商品,4=秒杀商品,5=邀请参团,6=分销邀请...按需扩展
  73. if (typeof params.page !== 'undefined') {
  74. page = params.page;
  75. }
  76. let query = '0'; // 设置页面ID: 如商品ID、拼团ID等
  77. if (typeof params.query !== 'undefined') {
  78. query = params.query;
  79. }
  80. let platform = platformMap.indexOf($platform.name) + 1;
  81. let from = '1';
  82. if (typeof params.from !== 'undefined') {
  83. from = platformMap.indexOf(params.from) + 1;
  84. }
  85. // spmParams = ... 可按需扩展
  86. return `spm=${shareId}.${page}.${query}.${platform}.${from}`;
  87. };
  88. // 构造页面分享参数: 所有的分享都先到首页进行 spm 参数解析
  89. const buildSpmPath = (query) => {
  90. // 默认是主页,页面 page,例如 pages/index/index,根路径前不要填加 /,
  91. // 不能携带参数(参数请放在scene字段里),如果不填写这个字段,默认跳主页面。scancode_time为系统保留参数,不允许配置
  92. return typeof query === 'undefined' ? `pages/index/index` : `pages/index/index?${query}`;
  93. };
  94. // 构造分享链接
  95. const buildSpmLink = (query, linkAddress = '') => {
  96. return `${linkAddress}?${query}`;
  97. };
  98. // 解析Spm
  99. const decryptSpm = (spm) => {
  100. const user = $store('user');
  101. let shareParamsArray = spm.split('.');
  102. let shareParams = {
  103. spm,
  104. shareId: 0,
  105. page: '',
  106. query: {},
  107. platform: '',
  108. from: '',
  109. };
  110. let query;
  111. shareParams.shareId = shareParamsArray[0];
  112. switch (shareParamsArray[1]) {
  113. case '1':
  114. // 默认首页不跳转
  115. shareParams.page = '/pages/index/index';
  116. break;
  117. case '2':
  118. // 普通商品
  119. shareParams.page = '/pages/goods/index';
  120. shareParams.query = {
  121. id: shareParamsArray[2],
  122. };
  123. break;
  124. case '3':
  125. // 拼团商品
  126. shareParams.page = '/pages/goods/groupon';
  127. query = shareParamsArray[2].split(',');
  128. shareParams.query = {
  129. id: query[0],
  130. activity_id: query[1],
  131. };
  132. break;
  133. case '4':
  134. // 秒杀商品
  135. shareParams.page = '/pages/goods/seckill';
  136. query = shareParamsArray[2].split(',');
  137. shareParams.query = {
  138. id: query[0],
  139. };
  140. break;
  141. case '5':
  142. // 参与拼团
  143. shareParams.page = '/pages/activity/groupon/detail';
  144. shareParams.query = {
  145. id: shareParamsArray[2],
  146. };
  147. break;
  148. case '6':
  149. // 积分商品
  150. shareParams.page = '/pages/goods/point';
  151. shareParams.query = {
  152. id: shareParamsArray[2],
  153. };
  154. break;
  155. }
  156. shareParams.platform = platformMap[shareParamsArray[3] - 1];
  157. shareParams.from = fromMap[shareParamsArray[4] - 1];
  158. if (shareParams.shareId !== 0) {
  159. // 记录分享者编号
  160. uni.setStorageSync('shareId', shareParams.shareId);
  161. // 已登录 绑定推广员
  162. if (!!user.isLogin) {
  163. bindBrokerageUser(shareParams.shareId);
  164. }
  165. }
  166. if (shareParams.page !== '/pages/index/index') {
  167. $router.go(shareParams.page, shareParams.query);
  168. }
  169. return shareParams;
  170. };
  171. // 绑定推广员
  172. const bindBrokerageUser = async (val = undefined) => {
  173. try {
  174. const shareId = val || uni.getStorageSync('shareId');
  175. if (!shareId) {
  176. return;
  177. }
  178. const { data, msg } = await BrokerageApi.bindBrokerageUser({ bindUserId: shareId });
  179. // 绑定成功后清除缓存
  180. if (!!data || msg.includes('不能绑定自己')) {
  181. uni.removeStorageSync('shareId');
  182. }
  183. } catch (e) {
  184. console.error(e);
  185. }
  186. };
  187. // 更新公众号分享sdk
  188. const updateShareInfo = (shareInfo) => {
  189. // #ifdef H5
  190. if ($platform.name === 'WechatOfficialAccount') {
  191. $wxsdk.updateShareInfo(shareInfo);
  192. }
  193. // #endif
  194. };
  195. export default {
  196. getShareInfo,
  197. updateShareInfo,
  198. decryptSpm,
  199. bindBrokerageUser,
  200. };