zoukankan      html  css  js  c++  java
  • 关于微信分享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:若有不同观点,或者其它方案的园友,请留言。

  • 相关阅读:
    关联原理说明
    一个软件测试工程师的学习体验
    缺陷漏测分析:测试过程改进
    自动化测试的7个步骤
    ACM题目————Subsequence
    ACM题目————Aggressive cows
    ACM题目————列变位法解密
    C++TSL之map容器(悲伤的故事)
    ACM题目————二叉树最大宽度和高度
    ACM题目————装箱问题
  • 原文地址:https://www.cnblogs.com/worldforest/p/10174933.html
Copyright © 2011-2022 走看看