微信分享踩坑记（二）——APP分享到微信（HTML5+）

最新推荐文章于 2024-08-02 11:35:17 发布

MytLoy

最新推荐文章于 2024-08-02 11:35:17 发布

阅读量1.5k

点赞数

分类专栏：微信公众号文章标签： webApp微信分享

本文链接：https://blog.csdn.net/LYP_csdn_jy/article/details/84570929

版权

本文详细记录了使用Vue.js、微信JS-SDK和HTML5+（HBuilder）进行WebApp微信分享的实践过程，包括获取分享服务、基础配置、发送分享等步骤。同时，文章提到了在APP分享到微信时遇到的iOS成功但Android闪退的问题，分析了可能的原因，如应用签名不一致、图片大小超过限制，并提供了相应的解决方案和参考资料。

摘要由CSDN通过智能技术生成

使用框架：Vue.js、微信JS-SDK、HTML5+（HBuilder）
两种场景：微信生态右上角自定义分享、APP分享到微信

前提

在开发中，采用了HBuilder的打包功能，把vue的项目打包成了 webApp，在manifest.json配置相应SDK就能使用HTML5+提供的封装的功能

以下代码均在js文件中实现，.vue文件无法使用

1’ 获取分享的服务列表

const updateSerivces = () => {
   
  if (!window.plus) {
   
    return false;
  }
  plus.share.getServices(function(s) {
   
    shares = {
   };
    for (const i in s) {
   
      const t = s[i];
      shares[t.id] = t;
    }
    sweixin = shares['weixin'];
  }, function(e) {
   
    console.log(`获取分享服务列表失败：${
     e.message}`);
  });
};