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

  • 接入指引
  • 实现简单的文字分享功能

接入指引

  1. 详情请参见：http://newdocx.appcan.cn/index.html?templateId=412
  2. 实现分享文字的功能：
//首先我们用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>

画完之后是一个这样的效果：

  1. 下面我们就来写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('分享失败');

         };
  1. 结语：以上是一个简单的实现微信分享的demo，这个方法是在你的时候上有微信的情况下可以正常的运行，注意：由于是第三方的插件，所以呢，只有在官网上打正式包才可以看到效果。

版权声明：本文为博主原创文章，未经博主允许不得转载。

AppCan接入微信并且进行文字分享的更多相关文章

  1. Android 第三方应用接入微信平台研究情况分享

    微信平台开放后倒是挺火的,许多第三方应用都想试下接入微信这个平台,毕竟可以利用微信建立起来的关系链来拓展自己的应用还是挺不错的 最近由于实习需要也在研究这个东西,这里把我的整个研究情况给出来 微信平台 ...

  2. 友盟分享——Android App接入微信开放平台注意事项

    一.Android第三方应用接入微信开放平台的注意事项: 1. 到微信开放平台官网申请正式的AppID(需通过审核),要填写包名.app签名的md5值.至于如何获取app签名信息,官方提供签名包apk ...

  3. AndroidStudio用微信官方方法接入微信分享功能

    转载请注明出处:http://www.cnblogs.com/wangoublog/p/5367950.html 现在微信的功能众所周知,用户量.影响力也是惊人,很多应用接入微信的功能已成为一种不可缺 ...

  4. Unity接入微信登录 微信分享 微信支付 支付宝SDK

    你将会学到的unity集成SDK游戏中接入微信支付与支付宝支付游戏中接入微信登录与微信分享 目录 mp4格式,大小2.2GB 扫码时备注或说明中留下邮箱 付款后如未回复请至https://shop13 ...

  5. Android App接入微信开放平台注意事项

    一.Android第三方应用接入微信开放平台的注意事项: 1. 到微信开放平台官网申请正式的AppID(需通过审核),要填写包名.app签名的md5值.至于如何获取app签名信息,官方提供签名包apk ...

  6. 微信公众号的分享接口，分享提示config:fail,invalid signature的解决办法（2017年12月）

    微信中打开网页,使用微信右上角菜单中自带的分享功能的经历及总结: 最开始,微信分享页面时,直接读取页面的标题(title)和页面中的第一张符合条件的图片[此种方式在2017-03-29之前管用,这一天 ...

  7. 在Web应用中接入微信支付的流程之极简清晰版

    在Web应用中接入微信支付的流程之极简清晰版 背景: 在Web应用中接入微信支付,我以为只是调用几个API稍作调试即可. 没想到微信的API和官方文档里隐坑无数,致我抱着怀疑人生的心情悲愤踩遍了丫们布 ...

  8. 在Web应用中接入微信支付的流程之极简清晰版 (转)

    在Web应用中接入微信支付的流程之极简清晰版 背景: 在Web应用中接入微信支付,我以为只是调用几个API稍作调试即可. 没想到微信的API和官方文档里隐坑无数,致我抱着怀疑人生的心情悲愤踩遍了丫们布 ...

  9. 第二篇 ：微信公众平台开发实战Java版之开启开发者模式，接入微信公众平台开发

    第一部分:微信公众号对接的基本介绍 一.填写服务器配置信息的介绍 登录微信公众平台官网后,进入到公众平台后台管理页面. 选择 公众号基本设置->基本配置 ,点击“修改配置”按钮,填写服务器地址( ...

随机推荐

  1. Mybatis一级、二级缓存

      Mybatis一级.二级缓存   一级缓存 首先做一个测试,创建一个mapper配置文件和mapper接口,我这里用了最简单的查询来演示. <mapper namespace="c ...

  2. Super Jumping! Jumping! Jumping!——E

    E. Super Jumping! Jumping! Jumping! Time Limit: 1000ms Memory Limit: 32768KB 64-bit integer IO forma ...

  3. mysql安装及卸载

    一.关于mysql MySQL是一个关系型数据库管理系统,由瑞典MySQL AB 公司开发,目前属于 Oracle 旗下公司.MySQL 最流行的关系型数据库管理系统,在 WEB 应用方面MySQL是 ...

  4. [zt] ROI (Region of Interest) 感兴趣区域 OpenCV

    在以前介绍IplImage结构的时候,有一个重要的参数——ROI.ROI全称是”Region Of Interest”,即感兴趣的区域.实际上,它是IPL/IPP(这两个是Inter的库)结构IplR ...

  5. 类：String，Math，DateTime，Random随机数，异常保护

    String类: 练习: Math类: Random随机数: DateTime类: 异常保护: 练习: 1. 2. 3.方法一: 方法二: 4.人机大战石头剪刀布 5. //请输入你想输入的数字 // ...

  6. 链接后加"/"与不加"/"的区别

    1.http://www.abc.com/abc2.http://www.abc.com/abc/ 当Web服务器接收到对某个末尾不含斜杠的url请求时,例如“http://www.abc.com/a ...

  7. Maven3下的java web项目

    咱们使用Maven3构建一个j2ee项目,项目的成果是一个war包,只需把它部署在服务器上,就可以使用浏览器访问. 具体详细信息 参考  http://www.mossle.com/docs/mave ...

  8. 微信APP支付Java后端回调处理

    package com.gaoxiao.framework.controller.gaojia; import com.gaoxiao.framework.commonfiles.entity.Sta ...

  9. 对js中的Date扩展，格式化日期

    /** * 对Date的扩展,将 Date 转化为指定格式的String 月(M).日(d).12小时(h).24小时(H).分(m).秒(s).周(E).季度(q) * 可以用 1-2 个占位符 年 ...

  10. BizTalk开发系列(三十三)BizTalk之Excel终极解决方案

    Excel作为优秀的客户端数据处理程序得到了广泛的应用. 由于其简单又强大的功能在很多公司或个人的数据处理中占用非常重要的位置. 而BizTalk作为微软的SOA主打产品虽然免费提供了很多Adapte ...