AppCan接入微信并且进行文字分享
AppCan接入微信并且进行文字分享
- 接入指引
- 实现简单的文字分享功能
接入指引
- 详情请参见:http://newdocx.appcan.cn/index.html?templateId=412
- 实现分享文字的功能:
//首先我们用AppCanIDE来画一个UI
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/fonts/font-awesome.min.css">
<link rel="stylesheet" href="css/ui-box.css">
<link rel="stylesheet" href="css/ui-base.css">
<link rel="stylesheet" href="css/ui-color.css">
<link rel="stylesheet" href="css/appcan.icon.css">
<link rel="stylesheet" href="css/appcan.control.css">
</head>
<body class="um-vp" ontouchstart>
<div id="page_0" class="up ub ub-ver bc-bg" tabindex="0">
<!--header开始-->
<div id="header" class="uh bc-text-head ub bc-head">
<div class="nav-btn" id="nav-left"></div>
<h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">微信测试案例</h1>
<div class="nav-btn" id="nav-right">
<!--按钮开始-->
<!--按钮结束-->
</div>
</div>
<!--header结束--><!--content开始-->
<div id="content" class="ub-f1 tx-l ">
</div>
<!--content结束-->
</div>
<script src="js/appcan.js"></script>
<script src="js/appcan.control.js"></script>
</body>
画完之后是一个这样的效果:
- 下面我们就来写js代码:
//声明一下,以下js代码全部是在Frame里面,也就是AppCan页面
//*_content.html结尾的html文件
//第一步:注册Appid,使用uexWeiXin.registerApp方法。
appcan.button("#register", "ani-act", function() {
uexWeiXin.registerApp(appId);
});
//注意在我们写完uexWeiXin.registerApp(appId)之后,一定写回调,
//因为这是一个简单的demo,所以我的回调方法就写在appcan.ready()里
//面了。
appcan.ready(function(){
//这是默认的页面弹动效果
appcan.initBounce();
//appcan.registerApp()方法的回调。
appcan.cbRegisterApp=function(opCode,dataType,data){
if(data=="0"){
alert("注册成功");
}else{
alert("注册失败");
}
}
});
//第二步:实现分享文字的功能。
//要实现分享文字的功能,我们需要调用两个方法,sendTextContent()和cbSendTextContent();
appcan.button("#share", "ani-act", function() {
//type是规定分享的范畴:0是分享给好友,1,分享到朋友圈
uexWeiXin.sendTextContent(1, "微信测试文字");
});
//之后要写他的回调方法,目的是判断是否已经分享成功
//文本分享回调函数
uexWeiXin.cbSendTextContent = function(opCode, dataType, data){
//data是状态码
if (Number(data) == 0) {
alert('分享成功')
} else
alert('分享失败');
};
- 结语:以上是一个简单的实现微信分享的demo,这个方法是在你的时候上有微信的情况下可以正常的运行,注意:由于是第三方的插件,所以呢,只有在官网上打正式包才可以看到效果。
版权声明:本文为博主原创文章,未经博主允许不得转载。
ceshi