javascript - H5移动端网页可以调用本地app实现分享功能吗？

问题描述

问 题

点击我要分享弹出这个面板，点击过后可以分享到app

解决方案

如果你这个是webapp，在浏览器里跑的，那么这几个分享要分情况讨论：

1 平台暴露有分享api的，直接用js调用分享api就可以了。比如你看下http://overtrue.me/share.js/这个项目的源码：

var templates = {
        qzone: 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={{URL}}&title={{TITLE}}&desc={{DESCRIPTION}}&summary={{SUMMARY}}&site={{SOURCE}}',
        qq: 'http://connect.qq.com/widget/shareqq/index.html?url={{URL}}&title={{TITLE}}&source={{SOURCE}}&desc={{DESCRIPTION}}&pics={{IMAGE}}',
        tencent: 'http://share.v.t.qq.com/index.php?c=share&a=index&title={{TITLE}}&url={{URL}}&pic={{IMAGE}}',
        weibo: 'http://service.weibo.com/share/share.php?url={{URL}}&title={{TITLE}}&pic={{IMAGE}}&appkey={{WEIBOKEY}}',
        wechat: 'javascript:',
        douban: 'http://shuo.douban.com/!service/share?href={{URL}}&name={{TITLE}}&text={{DESCRIPTION}}&image={{IMAGE}}&starid=0&aid=0&style=11',
        diandian: 'http://www.diandian.com/share?lo={{URL}}&ti={{TITLE}}&type=link',
        linkedin: 'http://www.linkedin.com/shareArticle?mini=true&ro=true&title={{TITLE}}&url={{URL}}&summary={{SUMMARY}}&source={{SOURCE}}&armin=armin',
        facebook: 'https://www.facebook.com/sharer/sharer.php?u={{URL}}',
        twitter: 'https://twitter.com/intent/tweet?text={{TITLE}}&url={{URL}}&via={{ORIGIN}}',
        google: 'https://plus.google.com/share?url={{URL}}'
    };

2 没有暴露有分享api的，比如分享到微信和朋友圈，那就要自己去找解决方案。在微信自带的浏览器和uc浏览器里都可以做到这两个，前者调用微信官方的jssdk，后者可能是uc自己封装了app层的分享方法。

如果是hybrid app，那么在app层调用人家给的分享sdk，然后暴露给h5（就像uc一样。）ps：这一块我没怎么做过，仅供参考

pps：一旦要做到微信的分享就头疼不已。

这篇关于javascript - H5移动端网页可以调用本地app实现分享功能吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！