官方

文件

### 分享自定义

~~~

{php echo register_jssdk();}

wx.ready(function () {

sharedata = {

title: '微信JS-SDK Demo',

desc: '微信JS-SDK,帮助第三方为用户提供更优质的移动web服务',

link: jssdkconfig.url,

imgUrl: 'http://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0',

success: function(){

alert('success');

},

cancel: function(){

alert('cancel');

}

};

wx.hideOptionMenu();

wx.showMenuItems({

menuList: [

'menuItem:share:timeline',

'menuItem:share:appMessage',

'menuItem:copyUrl',

'menuItem:favorite',

'menuItem:openWithSafari',

'menuItem:openWithQQBrowser'

],

});

wx.onMenuShareAppMessage(sharedata);

wx.onMenuShareTimeline(sharedata);

});

收货地址共享jssdk>1.2

wx.openAddress({

success : function(res){

alert(JSON.stringify(res));

},cancel: function () {

alert("取消了");}

});

~~~

~~~

$wx = $_W['account']['jssdkconfig'];

~~~

关闭当前页,无需签名

~~~

document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() {

WeixinJSBridge.call("closeWindow");

});

a 标签等 直接用 WeixinJSBridge.call("closeWindow");

~~~

支付的调用

~~~

$.post("{$payurl}",{}, function(data){//发送到下单接口

data = JSON.parse(data);//获取json数据

WeixinJSBridge.invoke('getBrandWCPayRequest', {

'appId' : data.appId,

'timeStamp': data.timeStamp,

'nonceStr' : data.nonceStr,

'package' : data.package,

'signType' : data.signType,

'paySign' : data.paySign

}, function(res) {

if(res.err_msg == 'get_brand_wcpay_request:ok') {

alert('成功支付');

} else if(res.err_msg == 'get_brand_wcpay_request:cancel'){

alert('支付取消');

}else{

alert("error code:"+res.err_msg);

}

});

});

~~~

图片浏览,只需要图片加上 weixin 类即可

~~~

var weixinimg=[];

var weixinsrc=[];

weixinimg=$('.weixin');

for (var i=0;i

weixinsrc[i]=weixinimg[i].src;

}

$('.weixin').click(function(){

var index = $('.weixin').index(this);

wx.previewImage({

current: weixinsrc[index],

urls:weixinsrc

});

});

~~~

单多图上传

~~~

//单图上传

$('#i1').on('click', function () {

wx.chooseImage({

count:1,

success: function (res) {

var localIds = res.localIds;

syncUpload1(localIds);

}

});

});

var syncUpload1 = function(localIds){

var localId = localIds.pop();

wx.uploadImage({

localId: localId,

isShowProgressTips: 1,

success: function (res) {

var serverId = res.serverId; // 返回图片的服务器端ID

$.post("{$_W['siteroot']}app/index.php?i={$weid}&c=entry&do=ajax1&m=we7_demo",{mid:serverId},function(data){

$('#img1').html('

');

$('#imgi').html('');

},'json');

}

});

};

//多图上传

$('#headimgurl2').on('click', function () {

wx.chooseImage({

success: function (res) {

var localIds = res.localIds;

syncUpload(localIds);

}

});

});

var syncUpload = function(localIds){

var localId = localIds.pop();

wx.uploadImage({

localId: localId,

isShowProgressTips: 1,

success: function (res) {

var serverId = res.serverId; // 返回图片的服务器端ID

$.post("{$_W['siteroot']}app/index.php?i={$weid}&c=entry&do=ajax1&m=we7_demo",{mid:serverId},function(data){

$('#img2').append('

');

$('#file2').append('');

},'json');

if(localIds.length > 0){

syncUpload(localIds);

}

}

});

};

~~~

扫码

~~~

document.querySelector('#qr').onclick = function () {

wx.scanQRCode({

needResult: 1,//0是微信处理,1是结果

desc: '我们自己来处理结果',

scanType: ["qrCode","barCode"],

success: function (res) {

var result = res.resultStr;

$.alert(result,"扫描结果");

}

});

};

~~~

自动获取地理位置,需要腾讯地图蜜月

~~~

wx.getLocation({

type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'

success: function (res) {

var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90

var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。

var speed = res.speed; // 速度,以米/每秒计

var accuracy = res.accuracy; // 位置精度

//alert(JSON.stringify(res));

$.get("http://apis.map.qq.com/ws/geocoder/v1/?location="+latitude+","+longitude+"&key={$mapkey}&get_poi=0&output=jsonp&callback=?",function(data) {

console.log(data);

if(data.status==0){

var province = data.result.address_component.province;

province = preg_replace('/市/',"",province);

province = preg_replace('/省/',"",province);

var city = data.result.address_component.city;

city = preg_replace('/市/',"",city);

var qu = data.result.address_component.district;

$("#address1").val(province+" "+city+" "+qu);

$("#address2").val(province+" "+city+" "+qu);

}

},'jsonp');

}

});

~~~

查看位置

~~~

wx.openLocation({

latitude: 23.099994,//纬度

longitude: 113.324520,//经度

name: 'TIT 创意园',//名称

address: '广州市海珠区新港中路 397 号',

scale: 14,//缩放等级1-28 默认1最大

infoUrl: 'http://weixin.qq.com',//详细信息

});

~~~

显示 影藏 关闭

~~~

wx.ready(function () {

wx.hideOptionMenu();

})

wx.ready(function () {

wx.showOptionMenu();

})

wx.ready(function () {

wx.closeWindow();

})

~~~

阻止滑动

~~~

function stopDrop() {

var c;

$(document.body).on('touchstart', function(a) {

c = a.originalEvent.changedTouches[0].clientY

});

$(document.body).on('touchmove', function(a) {

var y = a.originalEvent.changedTouches[0].clientY;

var b = $(this).scrollTop()

});

$(document.body).on('touchend', function(a) {

c = a.originalEvent.changedTouches[0].clientY;

$(this).scrollTop(0)

})

}

stopDrop();

~~~

下单1分钱返回

~~~

Array

(

[appid] => wx001

[attach] => 1

[bank_type] => CFT

[cash_fee] => 1

[fee_type] => CNY

[is_subscribe] => Y

[mch_id] => 111

[nonce_str] => IgtZ3c0g

[openid] => oN44zxCvQlYaAoEFU3UDa0uiysqA

[out_trade_no] => YO20180128022645129464

[result_code] => SUCCESS

[return_code] => SUCCESS

[sign] => 7C604C785ED4119FC60FB23C97E76EC4

[time_end] => 20180128022652

[total_fee] => 1

[trade_type] => JSAPI

[transaction_id] => 4200000100201801282214387872

)

~~~

支付成功通知返回

~~~

Array

(

[card_fee] => 0.01

[card_id] =>

[card_type] => 0

[fee] => 0.01

[from] => return

[is_usecard] => 0

[result] => success

[tag] => Array

(

[acid] => 1

[uid] => 1

[transaction_id] => 4200000084201801282604370765

)

[tid] => YO20180128222321512481

[type] => wechat

[uniacid] => 1

[uniontid] => 2018012822232100005314224341

[user] => oN44zxCvQlYaAoEFU3UDa0uiysqA

[weid] => 1

)

~~~

支付注意

~~~

支付成功处理方法,需要注意,在此方法内获取不到$_W值,以及使用借用后参数配置也是借用公众号的,

public function payResult($params) {//支付成功处理

if ($params['result'] == 'success' && $params['from'] == 'notify') {

$setting = pdo_get('uni_account_modules', array('module' => 'yoby_che', 'uniacid' => $params['uniacid']));

$arr = iunserializer($setting['settings']);

}

if ($params['from'] == 'return') {

if ($params['result'] == 'success') {

message('支付成功!',murl('entry', ['m'=>'yoby_che','do'=>'vpay'], 1,1), 'success');

} else {

message('支付失败!',murl('entry', ['m'=>'yoby_che','do'=>'fm'], 1,1), 'error');

}

}

~~~

微信公众号分享jssdk.php,微信公众号JSSDK相关推荐

  1. 公众号分享页面php,微信公众号网页分享功能开发的示例代码

    现在每天都可以看到很多微信分享的链接上面有网站或者商家的自定义的分享标题,和分享链接的描述及分享出去的图像,例如下面的分享出去的链接: 上面这个是微信的js-SDK页面分享给微信好友在聊天列表中显示的 ...

  2. php转发朋友圈缩略图片,解释最全的,手把手教的微信JS sdk分享设置教程-微信分享插件PHP源码JS-SDK接口,分享到朋友圈 转发好友带缩略图...

    亲们,此文是我上传的有关微信分享插件PHP源码JS-SDK接口的.rar和.zip的说明使用文件 许多朋友都面临自己编写的网站通过微信转发时,无论是分享微信好友或是微信朋友圈时,出现无缩略图显示的问题 ...

  3. uni-app 关于微信小程序分享,app微信聊天界面和朋友圈分享

    前端小白的uni-app艰难学习之路 微信小程序分享 实现微信小程序分享和app内微信分享 小程序分享很简单,我们通过button的open-type属性 <!-- #ifdef MP-WEIX ...

  4. php实现微信公众号分享,php实现微信公众号自定义分享内容的方法

    这篇文章主要介绍了php版微信公众号自定义分享内容实现方法,结合实例形式分析了php实现微信公众号自定义分享内容的接口调用与相关使用技巧,需要的朋友可以参考下 微信公众号号在手机中通过api接口可以实 ...

  5. php实现微信公众号分享,php版微信公众号自定义分享内容实现方法

    搜索热词 PHP版微信公众号自定义分享内容实现方法,希望对您有用.如果有疑问,可以联系我们. PHP版微信公众号自定义分享内容实现方法.分享给大家供大家参考,具体如下: 自定义分享内容了,下面我们来看 ...

  6. php微信二次分享出错,解决微信二次分享bug

    微信分享网页后,再次点击微信分享的内部会自动在网址后拼接&from=来源,导致二次分享的图案文案失效,解决办法: function getQueryString(name) {//根据字段看网 ...

  7. 微信中怎样查看微信热点?分享技巧!微信中如何查看微信热点?

    微信是腾讯公司推出的一个为智能终端提供即时通讯服务的免费应用程序,微信支持跨通信运营商.跨操作系统平台通过网络快速发送免费(需消耗少量网络流量)语音短信.视频.图片和文字,同时,也可以使用通过共享流媒 ...

  8. 微信自定义链接分享制作,微信自定义链接配置

    1,开通企业公众号,并认证通过. 2,准备一个备案的域名和空间 3,在公众号中配置域名和白名单 4,编写网页程序 5,通过编好的网页程序,生成自定义链接.

  9. 微信小程序分享图片给微信好友(如二维码)

    目录 前言 一.使用哪种api? 二.对图片的处理需要转化为临时路径 三.Windows端兼容性问题 前言 最近在公司开发一个微信小程序项目,用到的uniapp技术,在分享图片时,查看了uniapp的 ...

  10. 微信小程序分享图片给微信好友

    wx.showShareImageMenu(Object object) | 微信开放文档 <button class="share-item" bindtap=" ...

最新文章

  1. npm i和npm_让您的NPM套件包含Jest和Codecov☂️
  2. 打造炫酷通用的ViewPager指示器 Adapter模式适配所有 1
  3. activemq的部署(三)
  4. 仿豆丁百度文库网页版阅读器完整解决方案
  5. javaml_一些基于Java的AI框架:Encog,JavaML,Weka
  6. 酒桌上的规矩,社会的潜规则
  7. 【leetcode】【动态规划】股票买卖
  8. 浅谈C#深拷贝,浅拷贝
  9. plt绘制xy轴起始刻度
  10. react 动态路 嵌套动子路由_深入揭秘前端路由的本质
  11. D. Bash and a Tough Math Puzzle(区间gcd+思维)
  12. 蓝宝石rx470d原版bios_蓝宝石显卡等级划分,如何区分双胞胎矿卡,旗舰值得入手吗?...
  13. Spring Boot应用在kubernetes的sidecar设计与实战
  14. 【程序员如何买基金 十二】实战操作篇
  15. 坚守13年的极飞,终靠“务农”拿下12亿融资!专访彭斌:要为行业找技术,而不是为技术找行业...
  16. 【iOS开发】从小白到低水平开发者进厂实习自救指南
  17. 013-zabbix trapper方式监控
  18. nginx将一个域名的访问跳转到另一个域名
  19. 安装从GitHub下载的包
  20. access数据库连接sqlserver实现远程连接

热门文章

  1. 云计算进入深水区, MSP才是政企用好云的生力军
  2. 遇到factory.BeanNotOfRequiredTypeException Bean named xxx is expected tobe of type
  3. Android 10.0获取本地视频及其预览图
  4. 计算机网络中传输速率最快的,计算机网络中常用的传输介质中传输速率最快的是什么...
  5. Python爬虫快速入门:基本结构简单实例
  6. python输出假分数_解析ArcGis的标注(一)——先看看分数式、假分数式标注是怎样实现的...
  7. Linux下文件的读写
  8. building web
  9. zzulioj1094c语言版答案,ZZULIOJ 1094: 统计元音(函数专题)
  10. 【设计模式与Android】抽象工厂模式——嵌合体克隆工厂