HBuilder分享步骤介绍_hbuilder写的网页怎么分享

作者：酷酷是懒虫 | 2024-07-07 21:26:40

踩

hbuilder写的网页怎么分享

HBuilder分享步骤介绍网址 http://jingyan.baidu.com/article/a501d80c1c55aaec630f5ec6.html?qq-pf-to=pcqq.group

例子

<head>
	<meta charset="utf-8">
	<title>分享测试</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/mui.min.css">
1
2
3
4
5
6
7

</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
	 <a class="mui-action-back mui-icon iconfont icon-fanhui mui-pull-left"></a>
	<h1 class="mui-title">分享测试</h1>
	</header>
	<div class="mui-content" >
		<p class="heading">链接地址：</p>
		<input id="sharehref" class="sharehref" type="url" value="http://www.baidu.com" placeholder="请输入要分享的链接地址"/>
		<p class="heading">链接标题：</p>
		<input id="sharehrefTitle" class="sharehref" type="text" value="泽富商贸" placeholder="请输入要分享的链接标题"/>
		<p class="heading">链接描述：</p>
		<input id="sharehrefDes" class="sharehref" type="text" value="泽富商贸泽富商贸" placeholder="请输入要分享的链接描述"/>
	</div>
	<footer style="position: absolute; bottom: 0px;width:100%;">
		<button class="mui-btn mui-btn-block" onclick="shareHref()">分享</button>
	</footer>
	<script src="js/mui.min.js"></script>
    <script>
		var Intent = null,
		            File = null,
		            Uri = null,
		            main = null;
		        var shares = null;
		        var shareImageUrl = '';
			        mui.plusReady(function(){
			      updateSerivces();
		            if (plus.os.name == "Android") {
		                Intent = plus.android.importClass("android.content.Intent");
		                File = plus.android.importClass("java.io.File");
		                Uri = plus.android.importClass("android.net.Uri");
		                main = plus.android.runtimeMainActivity();
		            }         
			       })
						 /**
		         * 更新分享服务
		         */
		        function updateSerivces() {
		            plus.share.getServices(function(s) {
		                shares = {};
		                for (var i in s) {
		                    var t = s[i];
		                    shares[t.id] = t;
		                }
		                outSet("获取分享服务列表成功");
		            }, function(e) {
		                outSet("获取分享服务列表失败：" + e.message);
		            });
		        }
		        /**
		         * 分享操作
		         */
		        function shareAction(id, ex) {
		            var s = null;
		            if (!id || !(s = shares[id])) {
		                outLine("无效的分享服务！");
		                return;
		            }
		            if (s.authenticated) {
		                outSet("---已授权---");
		                shareMessage(s, ex);
		            } else {
		                outSet("---未授权---");
		                s.authorize(function() {
		                    shareMessage(s, ex);
		                }, function(e) {
		                   outLine("请先安装客户端再使用分享功能");
		                });
		            }
		        }
		        /**
		         * 发送分享消息
		         */
		        function shareMessage(s, ex) {
		            var msg = {
		                href: sharehref.value,
		                title: sharehrefTitle.value,
		                content: sharehrefDes.value,
		                thumbs: ['_www/img/link.png'],
		                extra: {
		                    scene: ex
		                }
		            };
		            s.send(msg, function() {
		                outLine( "分享到\""+s.description+"\"成功！ " );
		            }, function(e) {
		                outLine("分享到\""+s.description+"\"失败!");
		            });
		        }
    
    /**
     * 分享按钮点击事件
     */
    function shareHref() {
        var ids = [{
                id: "weixin", 
                ex: "WXSceneSession"  /*微信好友*/
            }, {
                id: "weixin",
                ex: "WXSceneTimeline" /*微信朋友圈*/
            }, {
                id: "qq"   /*QQ好友*/
            }],
            bts = [{
                title: "发送给微信好友"
            }, {
                title: "分享到微信朋友圈"
            }, {
                title: "分享到QQ"
            }];
        plus.nativeUI.actionSheet({
                cancel: "取消",
                buttons: bts
            },
            function(e) {
                var i = e.index;
                if (i > 0) {
                    shareAction(ids[i - 1].id, ids[i - 1].ex);
                }
            }
        );
    }       
    // 控制台输出日志
    function outSet(msg) {
        console.log(msg);
    }
    // 界面弹出吐司提示
    function outLine(msg) {
        mui.toast(msg);
    }
    </script>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/酷酷是懒虫/article/detail/796834