HBuilder html5plus分享功能

摘要:
1》使用系统分享功能,这个分享经测试只能分享文字,不能分享图片。毕竟这不需要任何appid,还可以接受。if{plusReady();}else{document.addEventListener;}//扩展API准备完成后要执行的操作functionplusReady(){//分享内容,开发者可自定义varmessage={type:"text",title:"plusShare示例",//应用名字content:"plusShare基于HTML5+的share模块,开发者只需调用一个API,即可调起微信好友、微信朋友圈、系统更多分享功能",href:"http://www.dcloud.io/hellomui",//分享出去后,点击跳转地址thumbs:["http://img-cdn-qiniu.dcloud.net.cn/icon3.png"],//分享缩略图pictures:["http://img-cdn-qiniu.dcloud.net.cn/icon3.png"]};plus.share.sendWithSystem(message,function(){$(".ht-bar.text").html("分享ok");},function(e){plus.nativeUI.toast("分享失败!

1》使用系统分享功能,这个分享经测试(202006月)只能分享文字,不能分享图片。毕竟这不需要任何appid,还可以接受。

if(window.plus){
        plusReady();
    }else{
        document.addEventListener("plusready", plusReady, false);
    }
    // 扩展API准备完成后要执行的操作
    function plusReady(){
        //分享内容,开发者可自定义
        var message = {
            type:"text",
            title: "plusShare示例", //应用名字
            content: "plusShare基于HTML5+的share模块,开发者只需调用一个API,即可调起微信好友、微信朋友圈、系统更多分享功能",
            href: "http://www.dcloud.io/hellomui", //分享出去后,点击跳转地址
            thumbs: ["http://img-cdn-qiniu.dcloud.net.cn/icon3.png"],//分享缩略图
            pictures : ["http://img-cdn-qiniu.dcloud.net.cn/icon3.png"]
        };

        plus.share.sendWithSystem( message, function(){
                    $(".ht-bar .text").html("分享ok");
                }, function(e){
plus.nativeUI.toast("分享失败!"+e.code+"-"+e.message);
    } ); }

2>使用注册的分享,所谓注册,就是在QQ开放平台,微信开放平台注册过,已有appid的

    if(window.plus){
        plusReady();
    }else{
        document.addEventListener("plusready", plusReady, false);
    }
    // 扩展API准备完成后要执行的操作
    function plusReady(){
        plus.share.getServices(function(ss) {
            var str="";
            var qq='';
            for (var i in ss ) {
                var s = ss[i];
                str += s.id;
                if(s.id == "qq"){
                    qq = s;
                }
            }
            $(".ht-bar .text").html(str);
            if (qq.authenticated) {
                //alert("---已授权---");
                shareMessage(qq, 'ex');
            } else {
                alert("---未授权---");
                qq.authorize(function() {
                    shareMessage(qq, 'ex');
                }, function(e) {
                    alert("认证授权失败:" + e.code + " - " + e.message);
                });
            }
            //
        }, function(e) {
            alert("获取分享服务列表失败:" + e.message);
        });

        function shareMessage(s,ex){
            var msg={
                content:"hello",
                href:"http://www.xxx.com/mdu/index/index",
                type:'text',
                title:'mdu'
            };

            s.send( msg, function(){
                alert( "分享到""+s.description+""成功! " );
            }, function(e){
                alert( "分享到""+s.description+""失败: "+e.code+" - "+e.message );
            } );

        }
    }

文档说明: https://www.html5plus.org/doc/zh_cn/share.html#plus.share.sendWithSystem

免责声明:文章转载自《HBuilder html5plus分享功能》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇中国石油管道科技研究中心2014届应届毕业生招聘(软件工程师岗)Ubuntu16.04安装视觉SLAM环境(g2o)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

this.$alert 方法

this.$alert('确认删除吗', '提示', { confirmButtonText: '确定', callback: action => { this.function() } });...

判断QQ,微信,QQ浏览器

最近做一个h5的落地页,用户输完信息后,去下载app,这里切记几个知识点 1.在微信和QQ中是不能下载app的,需要跳到浏览器中去下载。 2.window.location.href和window.open链接到app的链接是行不通的,在webview中会毙掉(h5嵌在第三方的贷超app中就会挂掉)。需要使用a标签 href链接url 3.判断微信,qq,...

bootstrap基础(六)

其他内置组件 一、缩略图 使用方法: 通过“thumbnail”样式配合bootstrap的网格系统来实现。 <div class="container"> <div class="row"> <div class="col-xs-6 col-md-3"> <a hr...

获取QQ有效授权码操作步骤详解

             获取QQ有效授权码操作步骤详解                                      作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任。 一.登录QQ并打开QQ邮箱 1>.在QQ界面上打开QQ邮箱的Logo 2>.点击"设置",再点击"账户" 3>.查看"POP3/SMTP"...

Prometheus告警发送时间详解

Promethues配置文件中的时间相关参数 1. scrape_interval:Promethues抓取数据的间隔,默认为1分钟 2. evaluation_interval:评估间隔,Promethues跑一遍所有的定义好的alerting rules,并更新alerting的状态 3. alert status: inactive: 未达到告警的...

自定义alert窗口样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{background:blue}...