JS微信分享-技术博客集

JS微信分享
编程技术 / houtizong 发布于 3年前 129

// 所有功能必须包含在 WeixinApi.ready 中进行

WeixinApi.ready(function(Api) {

// 微信分享的数据

var wxData = {

"appId" : 'wx34353453332',

"imgUrl" : 'http://apppic/show.jpg',

"link" : '链接地址',

"desc" : "小伙伴们，我正在参加感恩节抽奖活动，希望能中个iPhone6，快来帮帮我吧!",

"title" : "感恩节礼物 -- iPhone6 抽到就是你的"

};

// 分享的回调

var wxCallbacks = {

// 分享操作开始之前

ready : function() {

// 你可以在这里对分享的数据进行重组

// 分享被用户自动取消

cancel : function(resp) {

// 你可以在你的页面上给用户一个小Tip，为什么要取消呢？

// 分享失败了

fail : function(resp) {

// 分享失败了，是不是可以告诉用户：不要紧，可能是网络问题，一会儿再试试？

// 分享成功

confirm : function(resp) {

// 整个分享过程结束

all : function(resp, shareTo) {

// 如果你做的是一个鼓励用户进行分享的产品，在这里是不是可以给用户一些反馈了？

}

};

// 用户点开右上角popup菜单后，点击分享给好友，会执行下面这个代码

Api.shareToFriend(wxData, wxCallbacks);

// 点击分享到朋友圈，会执行下面这个代码

Api.shareToTimeline(wxData, wxCallbacks);

// 点击分享到腾讯微博，会执行下面这个代码

Api.shareToWeibo(wxData, wxCallbacks);

});

上一篇：Maven常用内置变量

下一篇：mybatis tools 配置详解

请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！

<div > <div style="color: #333333; font-size: 16px; line-height: 28px; margin-top: 40px;" class="exp-content-block"> <div style="text-align: justify; margin-top: 40px;" class="exp-content-body exp-content-blog-body"> <div style="" class="exp-content-listblock"> <div class="content-listblock-text"> // 所有功能必须包含在 WeixinApi.ready 中进行 &nbsp; &nbsp;WeixinApi.ready(function(Api) { &nbsp; &nbsp; &nbsp; &nbsp;// 微信分享的数据 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var wxData = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;appId&quot; : 'wx34353453332', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;imgUrl&quot; : 'http://apppic/show.jpg', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;link&quot; : '链接地址', &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;desc&quot; : &quot;小伙伴们，我正在参加感恩节抽奖活动，希望能中个iPhone6，快来帮帮我吧!&quot;, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&quot;title&quot; : &quot;感恩节礼物 -- iPhone6 抽到就是你的&quot; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 分享的回调 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;var wxCallbacks = { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 分享操作开始之前 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;ready : function() { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 你可以在这里对分享的数据进行重组 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 分享被用户自动取消 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;cancel : function(resp) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 你可以在你的页面上给用户一个小Tip，为什么要取消呢？ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 分享失败了 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;fail : function(resp) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 分享失败了，是不是可以告诉用户：不要紧，可能是网络问题，一会儿再试试？ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 分享成功 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;confirm : function(resp) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 整个分享过程结束 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;all : function(resp, shareTo) { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 如果你做的是一个鼓励用户进行分享的产品，在这里是不是可以给用户一些反馈了？ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;} &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;}; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 用户点开右上角popup菜单后，点击分享给好友，会执行下面这个代码 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Api.shareToFriend(wxData, wxCallbacks); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 点击分享到朋友圈，会执行下面这个代码 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Api.shareToTimeline(wxData, wxCallbacks); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;// 点击分享到腾讯微博，会执行下面这个代码 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Api.shareToWeibo(wxData, wxCallbacks); &nbsp; &nbsp; &nbsp; &nbsp;}); </div>

留言需要登陆哦

技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];

文章归档

文章标签

友情链接

首页
关于我们

Auther ·HouTiZong: 侯体宗的博客