关于微信分享js-sdk自定义分享功能当前link参数带中文,出现无法自定义link和title的问题...

今天在做一个公众号关于取名的项目中,有一个功能是名字测评后,需要进行自定义分享,由于后端接口要求需要传,测评的相关参数中是带参数的如下:

let params = {"surname":"张","combine":"俊","sex":"1","birthday":"2018/12/25 15:45","homePlace":"北京","longitude":"","latitude":""}

let URL = window.location.protocol + '//' + window.location.host +'/zhouyiApp/#/NameDetail?surname='+params.surname+'&combine='+params.combine+'&sex='+params.sex+'&birthday='+params.birthday+'&homePlace='+params.homePlace+'&longitude='+params.longitude+'&latitude='+params.latitude+'&score=1&isShare=1';

 

let shareUserInfoLink = {
          title: shareName+' - 姓名详解' || '',
          //下面是微信的两个字段,和上面的字段名不一样
          imgUrl: window.location.protocol + '//' + window.location.host +'/zhouyiApp/logo.png',
          link: shareUrl,
          desc: '全面解读姓名所包含的文化印象、周易命理、生肖宜忌、五格数理信息,助你轻松挑选好名字'
     };

Util.wxShareService().setShareInfo(shareUserInfoLink); //设置微信分享信息 , 分享后如下:

明显这不是想要的结果,后面通过encodeURI,encodeURIComponent进行编码发现,encodeURI编码后才能生效代码如下:

let params = {"surname":"张","combine":"俊","sex":"1","birthday":"2018/12/25 15:45","homePlace":"北京","longitude":"","latitude":""}

let URL = window.location.protocol + '//' + window.location.host +'/zhouyiApp/#/NameDetail?surname='+params.surname+'&combine='+params.combine+'&sex='+params.sex+'&birthday='+params.birthday+'&homePlace='+params.homePlace+'&longitude='+params.longitude+'&latitude='+params.latitude+'&score=1&isShare=1';

URL = encodeURI(URL);

let shareUserInfoLink = {
          title: shareName+' - 姓名详解' || '',
          //下面是微信的两个字段,和上面的字段名不一样
          imgUrl: window.location.protocol + '//' + window.location.host +'/zhouyiApp/logo.png',
          link: shareUrl,
          desc: '全面解读姓名所包含的文化印象、周易命理、生肖宜忌、五格数理信息,助你轻松挑选好名字'
     };

Util.wxShareService().setShareInfo(shareUserInfoLink); //设置微信分享信息 , 分享后如下:

 

ps:若有不同观点,或者其它方案的园友,请留言。

 

转载于:https://www.cnblogs.com/worldforest/p/10174933.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值