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. window通过mstsc远程连接其它计算机

    1.Windows远程连接树莓派 1.1.Win + r 出现下面界面. 1.2.输入mstsc今日下面界面 1.3.出现警告,选“是” 1.4.输入账户密码,点“OK”

  2. jquery插件之表格隔行变色并鼠标滑过高亮显示

    该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现表格隔行变色,且鼠标移动在表格的某一行上时,该行能高亮显示.整体代码如 ...

  3. mac终端命令大全全全全全全全全全

    OSX 的文件系统 OSX 采用的Unix文件系统,所有文件都挂在跟目录 / 下面,所以不在要有Windows 下的盘符概念. 你在桌面上看到的硬盘都挂在 /Volumes 下. 比如接上个叫做 US ...

  4. 记录下ECharts的一些功能

    用到ECharts记录下一些功能免得以后找文档找不到. 这个博客对ECharts讲解很全面 http://www.stepday.com/my.stepday/?echarts // 使用 requi ...

  5. bzoj1150: [CTSC2007]数据备份Backup--贪心+优先队列维护堆

    题目大意:将k对点两两相连,求最小长度 易证得,最优方案中,相连的办公楼一定是取相邻的比取不相邻的要更优 然后就可以用贪心来做这道题了.. 之前向CZL大神学习了用堆来贪心的做法orz 大概思路就是将 ...

  6. zju(4)使用busybox制作根文件系统

    1.实验目的 1.学习和掌握busybox相关知识及应用: 2.学会使用交叉编译器定制一个busybox: 3.利用该busybox制作一个文件系统: 4.熟悉根文件系统组织结构: 5.定制.编译ra ...

  7. 你应了解的4种JS设计模式

    学习地址: http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651223556&idx=1&sn=8cd7a2272 ...

  8. MUI - DIV窗体切换

    神坑记录: 1.js报错异常:没有找到"innerHeight"属性? 解决方案:暂时不知原因,通过对mui.view.js进行调试得知是跳转目标页没有 .mui-navbar-l ...

  9. Java FTPClient实现文件上传下载

    在JAVA程序中,经常需要和FTP打交道,比如向FTP服务器上传文件.下载文件,本文简单介绍如何利用jakarta commons中的FTPClient(在commons-net包中)实现上传下载文件 ...

  10. Bootstrap css背景图片的设置

    一. 网页中添加图片的方式有两种 一种是:通过<img>标签直接插入到html中 另一种是:通过css背景属性添加 居中方法:水平居中的text-align:center 和 margin ...