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

原创

于 2018-11-27 18:05:25 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#webApp微信分享

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

使用框架：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}`);
  });
};