腾讯微信文本分享开发文档

腾讯微信分享页（weixin.html和weixin_content.html）一、UI布局（1）weixin.htm页UI第一步：新建Appcan页面第二步：打开weixin.html，将头部名称改为“微信分享”。代码如下；<h1class="utub-f1ulev-3ut-stx-c"tabindex="0">微信分享</h1>第三步：在右侧添加返回按钮，以便分享完成后，回到商铺详情页（shop页面）。代码如下：<divclass="nav-btn"id="nav-right"><!--按钮开始--><divclass="btnubub-acbc-text-headub-pcbc-btnulev-2"id="ret">返回</div><!--按钮结束--></div>（2）weixin_content.htm页UI。带颜色部分为修改添加的样式。第一步：添加微信注册按钮<divclass="btnubub-acbc-text-headub-pcbc-btnuc-aumar-a"id="register">微信注册</div>第二步：添加分享分类列表<divclass="uinnumar-t"><divclass="selectubabc-borderbc-textuc-a"><divclass="text">分享给指定好友</div><divclass="icon"></div><selectselectedindex="0"><optionvalue="0">分享给指定好友</option><optionvalue="1">分享到朋友圈</option></select></div></div>第三步：添加分享文本输入框<divclass="ubabc-borderuinputubub-f1umar-auc-a"><textareaplaceholder="请输入分享内容。。。"type="text"class="ub-f1"id="text"></textarea></div>第四步：添加微信分享按钮<divclass="btnubub-acbc-text-headub-pcbc-btnuc-aumar-a"id="share">微信分享</div>（3）UI效果图二、Js功能实现（1）weixin.htm页js返回按钮处理，代码如下：appcan.button("#ret","ani-act",function(){appcan.window.close(-1);})（2）weixin_content.html页js第一步：定义应用相关的appIDvarappId="wx2cffb2e8a4cc49f1";第二步：在ready中添加回调方法//注册回调函数uexWeiXin.cbRegisterApp=function(opCode,dataType,data){//0支持，1不支持if(data=="1"){alert('注册失败！！！');}if(data=="0"){alert("注册成功！！！！");}}//文本分享回调函数uexWeiXin.cbSendTextContent=function(opCode,dataType,data){//data是状态码if(Number(data)==0){alert('分享成功')}elsealert('分享失败');};第三步：对选择列表进行处理vartype='0';appcan.select(".select",function(ele,value){type=value;});第四步：对注册按钮进行处理appcan.button("#register","ani-act",function(){uexWeiXin.registerApp(appId);})第五步：对分享按钮进行处理appcan.button("#share","ani-act",function(){vartxt=$('#text').val();uexWeiXin.sendTextContent(type,txt);})说明：微信测试，需要将微信的插件打包进去，安装才能实现。下面以在appcan平台打包安卓插件为例，介绍一下微信打包的过程：第一步：打开，登录。第二步：开发管理——应用开发——创建应用，将之前建好的应用导入提交。第三步：应用打包之插件选择部分1、在“插件选择”中，选择“我的插件”Andriod类型“添加插件”。进入下图：2、填写相关内容后，点击创建。进入以下页面：3、上传压缩的插件包。第四步：应用打包之证书管理上传Android证书输入证书存储库口令输入证书密钥库口令Keystore别名:appcandevelopAndroid证书文件:附件中A