AppCan接入微信并且进行文字分享

最新推荐文章于 2019-02-22 16:26:59 发布

ACDET

最新推荐文章于 2019-02-22 16:26:59 发布

阅读量2.4k

点赞数

分类专栏： appcan 文章标签： appcan uexWeiXin

本文链接：https://blog.csdn.net/watermelonzero/article/details/45338207

版权

appcan 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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>

画完之后是一个这样的效果：
微信分享demo

下面我们就来写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，这个方法是在你的时候上有微信的情况下可以正常的运行，注意：由于是第三方的插件，所以呢，只有在官网上打正式包才可以看到效果。

ACDET

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
AppCan接入微信并且进行文字分享

AppCan接入微信并且进行文字分享接入指引实现简单的文字分享功能接入指引详情请参见：http://newdocx.appcan.cn/index.html?templateId=412实现分享文字的功能：//首先我们用AppCanIDE来画一个UI<head> <title></title> <meta charset="utf-8">
复制链接

扫一扫