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. JS手机访问PC端网站自动跳转到手机端网站

    <script type="text/javascript"> //移动端url跳转,自定义部分开始 function mobile_device_detect(url ...

  2. JQuery小结

    一.选择网页元素 jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作".这是它区别于其他函数库的根本特点. 使用jQuery的第一步,往往就是将一个选择 ...

  3. XML 中对当前时间的引用

    current_date 而不是 date 然而,在attrs 和 readonly中并不适用.

  4. Js分页插件，支持页面跳转

    这里先给出API: 你只需要提供一个对象涉及以下几项属性,你来设置属性值,通过jq对象链式调用page()以参数形式来加载这个对象,按照参数要求会自动生成分页功能, 参数中pageEvent是可以让你 ...

  5. Webform购物车（用Session存储，页面传值）

    购物车主要实现的功能: ①在主页面可以将所有商品显示出来,包括价格,库存. ②点击购买可以累加产品,如果是同一种产品,只会累加每种产品的数量. ③查看购物车,可以查看明细,包括所购物品的名称,价格,数 ...

  6. 关于web api 2 客户端请求Post

    (一).客户端的部分代码[需要添加NuGet程序包] 附:Client 声明方法 HttpClient client = new HttpClient(); client.BaseAddress = ...

  7. 比较数据泵和exp/imp对相同数据导出/导入的性能差异

    1环境准备 2演示exp/imp方式效率 3演示数据泵方式效率

  8. 实验验证redis的快照和AOF

    安装配置redis http://www.cnblogs.com/myrunning/p/4222385.html 验证redis的主从复制 http://www.cnblogs.com/myrunn ...

  9. BizTalk开发系列(三十五) TCP/IP 适配器

    BizTalk 的TCP/IP适配器最初是为英国的保健行业开发.该适配器属于BizTalk进程内适配器,将消息通过TCP/IP 套接字符串在BizTalk服务器与远程客户端间进行通讯. TCP/IP适 ...

  10. Unity学习疑问记录之隐藏与显示物体

    Unity3D中隐藏与显示物体的一些操作 http://unity3d.9tech.cn/news/2013/0930/33019.html