1
腾讯微信分享页
（和weixin_）
一、UI布局
（1）页UI
第一步：新建Appcan页面
第二步：打开，将头部名称改为“微信分享”。代码如下；
微信分享
第三步：在右侧添加返回按钮，以便分享完成后，回到商铺详情页（shop页面）。代码如下：
id="ret">返回
（2）weixin_页UI。带颜色部分为修改添加的样式。
第一步：添加微信注册按钮
id="register">微信注册
第二步：添加分享分类列表
分享给指定好友
第三步：添加分享文本输入框
2
class="ub-f1"id="text">
第四步：添加微信分享按钮
id="share">微信分享
（3）UI效果图
二、Js功能实现
（1）页js
返回按钮处理，代码如下：
("#ret","ani-act",function(){
(-1);
})
（2）weixin_页js
第一步：定义应用相关的appID
varappId="wx2cffb2e8a4cc49f1";
第二步：在ready中添加回调方法
//注册回调函数
sterApp=function(opCode,dataType,data)
{
//0支持，1不支持
if(data=="1"){
alert('注册失败！！！');
}
if(data=="0"){
3
alert("注册成功！！！！");
}
}
//文本分享回调函数
TextContent=function(opCode,dataType,
data){
//data是状态码
if(Number(data)==0){
alert('分享成功')
}else
alert('分享失败');
};
第三步：对选择列表进行处理
vartype='0';
(".select",function(ele,value){
type=value;
});
第四步：对注册按钮进行处理
("#register","ani-act",function(){
erApp(appId);
})
第五步：对分享按钮进行处理
("#share","ani-act",function(){
vartxt=$('#text').val();
xtContent(type,txt);
})
说明：微信测试，需要将微信的插件打包进去，安装才能实现。下面以在appcan平台打包
安卓插件为例，介绍一下微信打包的过程：
第一步：打开，登录。
第二步：开发管理——应用开发——创建应用，将之前建好的应用导入提交。
第三步：应用打包之插件选择部分
1、在“插件选择”中，选择“我的插件”Andriod类型“添加插件”。进入下
图：
4
2、填写相关内容后，点击创建。进入以下页面：
3、上传压缩的插件包。
第四步：应用打包之证书管理
1、上传Android证书输入证书存储库口令输入证书密钥库口令
Keystore别名:appcandevelop
Android证书文件:附件中re文件
Android证书密钥库口令:
Android证书存储库口令:
2、检验证书
3、完成
第五步：应用打包之云端打包
1、选择Android平台
2、证书选择处，选择自定义证书
3、自定义包名：p
4、设置版本号，添加相关描述
5、生成安装包
更多推荐
分享文档
>五二电子工作室--www.52dianzi.com<
我们专业提供电子产品设计开发,电路设计,PCB设计,Mstar技术支持,LCD驱动开发,视频处理,视频转换,单片机开发,嵌入式软件开发等各种电子产品设计及解决方案。
发布评论