share.js 6.2 KB

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