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. JAVA生成条形码

    1.下载生成条形码所需要的jar包barcode4j.jar: 2.java生成条形码代码 import java.awt.image.BufferedImage;import java.io.Fil ...

  2. 通过jquery获取ul中第一个li的属性

    当加载列表时,默认希望选中第一条.top_menu 为ul的ID 通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签.然后就可以利用 例如 修 ...

  3. 异常 java.util.regex.PatternSyntaxException:

    可变参数是在JDK1.5之后出来的一个行特性,也是一个比较好用的东西 想起好多jfinal还有其他框架的查询方法就有好多用到了可变参数,自己也写了个这样的方法 public class Test{   ...

  4. linux笔记四-------用户和组的管理

    1.linux多用户.多任务操作系统 cat /etc/passwd   //查看当前系统用户信息 cat /etc/group    //查看当前系统组别信息 2.rbac:基于角色进行权限分配 用 ...

  5. phpweb漏洞合集

    admin' or '1'='1 万能密码 inurl:/class/?1.html inurl:webmall/query.php?typeid=?inurl:shop/class/?226.htm ...

  6. spring security LDAP获取用户信息

    很多企业内部使用LDAP保存用户信息,这章我们来看一下如何从LDAP中获取Spring Security所需的用户信息. 首先在pom.xml中添加ldap所需的依赖. <dependency& ...

  7. level分层次输出内容添加leve

    代码如下:function getSubComments($parent = 0, $level = 0) { $db = &JFactory::getDBO(); $sql = " ...

  8. IOS第18天(4,核心动画,时钟效果，定时器，图片旋转角度，CALayer 锚点，获取当前，小时，秒，分）

    **** #import "HMViewController.h" // 每秒秒针转6度 #define perSecendA 6 // 每分钟分针转6度 #define perM ...

  9. JSP Standard Tag Library JSP标准标签库

    了解了基本的标签的底层实现,可以看系统定义的强大的标准标签 1.首先引入两个jar包 2.基本语法 <%@ taglib prefix="c" uri="http: ...

  10. ThinkPHP3.2.3 Nginx 下 URL_MODEL 的配置

    ThinkPHP3.2.3 的 URL_MODEL 包括普通模式(0).PATHINFO 模式(1).REWRITE 模式(2).兼容模式(3)等 4 种 URL 模式.在 Apache 下只要在配置 ...