MUI 分享功能（微信、QQ 、朋友圈）

時間 2019-11-08

標籤 mui 分享功能微信朋友欄目騰訊简体版

原文原文鏈接

配置文件：manifest.jsonjavascript

plus ->plugins 下邊html

"share": {/*配置應用使用分享功能，參考http://ask.dcloud.net.cn/article/27*/
     "qq": {
        "appid": "",/*騰訊QQ開放平臺申請應用的AppID值*/
        "description": "QQ分享"
       },
     "weixin": {
         "appid": "",/*微信開放平臺申請應用的AppID值*/
         "appsecret": "",/*微信開放平臺申請應用的AppSecret值*/
          "description": "微信分享"
          }
},

html 代碼文件java

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title>首頁</title>
        <script type="text/javascript" charset="utf-8">
      
        var shares=null;
        var Intent=null,File=null,Uri=null,main=null;
        // H5 plus事件處理
        function plusReady(){
            updateSerivces();
            if(plus.os.name=="Android"){
                main = plus.android.runtimeMainActivity();
                Intent = plus.android.importClass("android.content.Intent");
                File = plus.android.importClass("java.io.File");
                Uri = plus.android.importClass("android.net.Uri");
            }
        }
        if(window.plus){
            plusReady();
        }else{
            document.addEventListener("plusready",plusReady,false);
        }
        
        /**
         * 
         * 更新分享服務
         */
        function updateSerivces(){
            plus.share.getServices( function(s){
                shares={};
                for(var i in s){
                    var t=s[i];
                    shares[t.id]=t;
                }
            }, function(e){
                alert("獲取分享服務列表失敗："+e.message );
            } );
        }
        
        
        
        /**
           * 分享操做
           * @param {JSON} sb 分享操做對象s.s爲分享通道對象(plus.share.ShareService)
           * @param {Boolean} bh 是否分享連接
           */
        function shareAction(sb,bh) {
            if(!sb||!sb.s){
                alert("無效的分享服務！");
                return;
            }
            
            var msg={content:sharehrefDes.value,extra:{scene:sb.x}};
            if(bh){
                msg.href=sharehref.value;
                if(sharehrefTitle&&sharehrefTitle.value!=""){
                    msg.title=sharehrefTitle.value;
                }
                if(sharehrefDes&&sharehrefDes.value!=""){
                    msg.content=sharehrefDes.value;
                }
                msg.thumbs=["_www/logo.png"];
                msg.pictures=["_www/logo.png"];
            }else{
                if(pic&&pic.realUrl){
                    msg.pictures=[pic.realUrl];
                }
            }
            // 發送分享
            if ( sb.s.authenticated ) {
                alert("---已受權---");
                shareMessage(msg,sb.s);
            } else {
                alert("---未受權---");
                sb.s.authorize( function(){
                        shareMessage(msg,sb.s);
                    },function(e){
                        alert("認證受權失敗："+e.code+" - "+e.message );
                    
                });
            }
        }
        /**
           * 發送分享消息
           * @param {JSON} msg
           * @param {plus.share.ShareService} s
           */
        function shareMessage(msg,s){
            
            alert(JSON.stringify(msg));
            s.send( msg, function(){
                alert("分享到\""+s.description+"\"成功！ " );
                
            }, function(e){
                alert( "分享到\""+s.description+"\"失敗: "+JSON.stringify(e) );
            
            } );
        }
        // 分析連接
        function shareHref(){
            var shareBts=[];
            // 更新分享列表
            var ss=shares['weixin'];
            ss&&ss.nativeClient&&(shareBts.push({title:'微信朋友圈',s:ss,x:'WXSceneTimeline'}),
            shareBts.push({title:'微信好友',s:ss,x:'WXSceneSession'}));
            ss=shares['qq'];
            ss&&ss.nativeClient&&shareBts.push({title:'QQ',s:ss});
            // 彈出分享列表
            shareBts.length>0?plus.nativeUI.actionSheet({title:'分享連接',cancel:'取消',buttons:shareBts},function(e){
                (e.index>0)&&shareAction(shareBts[e.index-1],true);
            }):plus.nativeUI.alert('當前環境沒法支持分享連接操做!');
        }
        
        </script>
    </head>

    <body>
            <!-- 主頁面標題 -->    
            <p>連接地址：</p>
            <input id="sharehref"  type="url" value="http://www.baidu.com/" />
            <p>連接標題：</p>
            <input id="sharehrefTitle"  type="text" value="title" />
            <p>連接描述：</p>
            <input id="sharehrefDes"  type="text" value="test"/></br>
            
            <button type="button" onclick="shareHref()"> 分享連接</button>

    </body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。