码迷,mamicode.com
首页 > 微信 > 详细

微信小程序 原生框架 (分享方法封装)

时间:2019-12-25 15:54:22      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:assign   for   路径   其他   信息   链接地址   share   bug   amp   

 

封装的分享方法

 

 1 function share(o,isDebug = false ) {
 2     //路径
 3     let url = o.url || getCurrentPages()[getCurrentPages().length - 1].route;
 4 
 5     //当前路径所带参数
 6     let urlParams = getCurrentPages()[getCurrentPages().length - 1].options;
 7 
 8     isDebug&&console.log(`当前路径所带参数:${JSON.stringify(urlParams)}`)
 9 
10     //传进来的参数
11     let params = o.params || {};
12 
13     isDebug&&console.log(`传进来的参数:${JSON.stringify(params)}`)
14 
15     //当前路径所带参数 合并 传进来的参数
16     let mergeParams = Object.assign(urlParams, params);
17 
18     isDebug&&console.log(`合并后的参数:${JSON.stringify(mergeParams)}`)
19 
20     //最终参数 (根据是否合并(isMerge)决定最终路径上传递的参数)
21     let resultParam = o.isMerge === true ? mergeParams : params;
22 
23     //url与最终参数的结合路径
24     let path = (() => {
25       let len = Object.keys(resultParam).length;
26       if (len) {
27         let res = ""
28         for (let k in resultParam) {
29           res += `&${k}=${resultParam[k]}`
30         }
31         return url + ‘?‘ + res.substring(1)
32       } else {
33         return url
34       }
35     })()
36 
37     isDebug&&console.log(`
38         ----分享信息确认----
39 
40     是否跳转其他页面:${!!o.url ? o.url : !!o.url}
41 
42     是否设置分享显示的图片:${!!o.imgUrl ? o.imgUrl : !!o.imgUrl}
43 
44     是否合并了参数:${!!o.isMerge}
45 
46     分享的最终路径:${path}
47     `)
48 
49     return o.imgUrl ? { title: o.title, path, imageUrl: o.imgUrl } : { title: o.title, path }
50   }

参数说明:share方法接收两个参数,第一个参数是一个对象,第二个参数是一个布尔值,默认是 false,表示不开启 debug,控制台不打印你分享的数据信息

第一个参数是一个对象表示你传入的分享参数,包含以下:

  1. title :分享的标题
  2. url:分享跳转的链接地址
  3. imgUrl:分享的图片路径
  4. params:分享路径需要参数的参数  (对象类型)
  5. isMerge:是否合并(当前路径的参数和传入的参数)默认 false 不合并

第二个参数是一个布尔值,表示是否开启控制台 打印分享数据信息,默认是 false 不打印,开发时建议设置为true,便于调式

 

 

个人总结,难免疏于BUG,请留言。

微信小程序 原生框架 (分享方法封装)

标签:assign   for   路径   其他   信息   链接地址   share   bug   amp   

原文地址:https://www.cnblogs.com/studyshufei/p/12096888.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!