WordPress版微信小程序2,onMenuShareTimeline出现的难点

By admin in 4858美高梅 on 2019年7月7日

wx.onMenuShareTimeline使用注意事项

多年来在动用微信、支付宝、百度卡包达成网页支付,对开荒成功将自行关闭页面,对于开采战败,将突显错误音讯。当在错误页面包车型大巴时候,点击重临可能Android物理按键上一步的时候,将闭馆页面。

相距上次翻新已经贰个月了,那之间对WordPress版微信小程序做的不在少数小的换代和品质的优化,本次版本更新推出了七个十二分主要的功能:点赞和赞许。再正是,优化了稿子页面包车型客车功用布局,在商讨区把常用的功力:转载,复制,点赞,称扬,都聚集在四个操作面板,同有的时候候为了不占用文章页面包车型大巴上空,做了隐形。

用js剖断当前条件是不是是是微信内置浏览器有八个点子:

自己在支付测验进度中,开采接纳wx.onMenuShareTimeline无效果,未有显得小编定义的图片、title和链接,经过调节和测量试验开采原因如下:

在微信、支付宝、百度钱包中,他们对页面关闭实行了包装,守旧的window.close()是没用的,必供给选拔它们的js代码本事关闭。

WordPress版微信小程序开放源码地址:

1.判断useragent

1.图片大小要高于300pix技巧显示

下边是三种移动app的停业措施:

WordPress版微信小程序2,onMenuShareTimeline出现的难点。打听程序的开拓进度及开垦才能,提出看六柱预测关版本的创新文章:

2.论断是不是扶助微信内置浏览器才支撑的某个格局,例如WeixinJSBridge

2.那个情势必须先config成功,然后再wx.ready里手艺调用。小编间接放到$(function(){})里实行,实施申明是老大的。

WeixinJSBridge.call('closeWindow');//微信 
AlipayJSBridge.call('closeWebview'); //支付宝 
BLightApp.closeWindow();//百度钱包

1.用微信小程序连接WordPress网址

本次先介绍第一中艺术,第三种办法等曾几何时再立异!

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '{$appid}', // 必填,公众号的唯一标识
    timestamp: "{$signPackage.timestamp}", // 必填,生成签名的时间戳
    nonceStr: '{$signPackage.nonceStr}', // 必填,生成签名的随机串
    signature: '{$signPackage.signature}',// 必填,签名,见附录1
    jsApiList: [
      'checkJsApi',
      'onMenuShareTimeline',
      'onMenuShareAppMessage',
      'onMenuShareQQ',
      'onMenuShareWeibo'
    ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
  });
  wx.ready(function () {
    wx.onMenuShareTimeline({
      title: '--{$info.name}', // 分享标题
      link: '{$url}__URL__/index?pid={$pid}&puid={$uid}', // 分享链接,将当前登录用户转为puid,以便于发展下线
      imgUrl: '{$url}__PUBLIC__/Uploads/{$goodsvo.image}', // 分享图标
      success: function () { 
        // 用户确认分享后执行的回调函数
        alert('分享成功');
      },
      cancel: function () { 
        // 用户取消分享后执行的回调函数
      }
    });
    wx.error(function(res){
      // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
      alert("errorMSG:"+res);
    });
  });

经过浏览器的头判定是这种浏览器:

2.WordPress版微信小程序1.5版本发表

决断代码如下:

经过此文希望能支援蒙受一样情形的爱人,多谢大家对本站的援救!

var ua = navigator.userAgent.toLowerCase(); 
f(ua.match(/MicroMessenger/i)=="micromessenger") { 
alert("微信客户端"); 
} else if(ua.indexOf("alipay")!=-1){ 
alert("支付宝客户端"); 
}else if(ua.indexOf("baidu")!=-1){ 
alert("百度客户端"); 
}

3.WordPress版微信小程序2.0版本公布

<script type="text/javascript">
  var ua = navigator.userAgent.toLowerCase();
  var isWeixin = ua.indexOf('micromessenger') != -1;

  if (!isWeixin) {
    alert('Dragondean说这不是通过微信内置浏览器');
  }
  else alert('Dragondean估计这就是微信内置的浏览器!');
</script>

您也许感兴趣的篇章:

  • 微教徒人号支付(MVC版本)
  • 微信自定蒿子杆单的创立/查询/裁撤php示例代码
  • JS监听微信、支付宝等移动app及浏览器的归来、后退、上一页按键的风云措施
  • 在微信、支付宝、百度钱袋达成点击再次来到开关关闭当前页面和窗口的方法
  • .NET
    C#利用微信民众号登入网站
  • Thinkphp微信民众号支付接口
  • 微信支付java版本之Native付款
  • php微信开采之带参数二维码的行使
  • Android6.0仿微信权限设置
  • Android仿微信5完毕滑动导航条

对回到、上一页、后退进行监听,并对history中放入当前页地址:

4.选用WordPress REST API 开辟微信小程序从入门到屏弃

4858美高梅,正是那样简约!那几个代码是取之于微信官方的”网页认证授权”错误页面!

$(function(){ 
pushHistory(); 
window.addEventListener("popstate", function(e) { 
}, false); 
function pushHistory() { 
var state = { 
title: "title", 
url: "#" 
}; 
window.history.pushState(state, "title", "#"); 
} 
});

5.WordPress版微信小程序2.1.5版公布

谢谢阅读,希望能支援大家,感激我们对本站的支持!

整个落成一体化代码:

6.WordPress版微信小程序2.1.8版宣布

你恐怕感兴趣的作品:

  • php版微信js-sdk支付接口类用法示例
  • nodejs微信群众号支付开采
  • 微信+angularJS的SPA应用中用router实行页面跳转,jssdk校验失利难题一举成功
  • 手提式有线电话机端
    HTML5用到photoswipe.js仿微信交际圈图片放大效应
  • 微信JS接口大全
  • JS判定是还是不是在微信浏览器张开的简便实例(推荐)
  • JS监听微信、支付宝等移动app及浏览器的回到、后退、上一页按键的风云措施
  • 微信支付java版本之JSAPI支付+发送模板音信
  • JavaScript结合Bootstrap仿微信后台多图文分界面管理
  • 微信js-sdk地理地点接口用法示例
$(function(){ 
pushHistory(); 
window.addEventListener("popstate", function(e) { 
pushHistory(); 
var ua = navigator.userAgent.toLowerCase(); 
if(ua.match(/MicroMessenger/i)=="micromessenger") { 
WeixinJSBridge.call('closeWindow'); 
} else if(ua.indexOf("alipay")!=-1){ 
AlipayJSBridge.call('closeWebview'); 
}else if(ua.indexOf("baidu")!=-1){ 
BLightApp.closeWindow(); 
} 
else{ 
window.close(); 
} 
}, false); 
function pushHistory() { 
var state = { 
title: "title", 
url: "#" 
}; 
window.history.pushState(state, "title", "#"); 
} 
});

WordPress版微信小程序开拓连串:WordPress REST API

以上所述是笔者给大家介绍的在微信、支付宝、百度钱袋实现点击重临按键关闭当前页面和窗口的点子,希望对大家拥有帮助,借使我们有别的疑问请给自个儿留言,小编会及时还原我们的。在此也极度谢谢大家对台本之家网站的支撑!

8.WordPress版微信小程序2.2.0版发布

您或许感兴趣的篇章:

  • 详解java集成支付宝支出接口(JSP+支付宝二零一四0912)
  • PHP完成支付宝即时到账功能
  • Android自定义View类别之Path绘制仿支付宝支付成功动画
  • Android
    仿支付宝密码输入框效果
  • js
    canvas仿支付宝芝麻信用分仪表盘
  • Spring使用支付宝扫码支付
  • php支付宝在线支付接口开采教程
  • PHP 接入支付宝即时到账效能
  • 听他们讲JS实现类似支付宝支付密码输入框
  • JS监听微信、支付宝等移动app及浏览器的回来、后退、上一页开关的事件措施
  • js仿支付宝填写支付密码功用落实多方框输入密码
  • 关闭支付宝小额免密支付步骤详解

4858美高梅 1

对此WordPress版微信小程序的支付进程中,作者最大的感触是难度不是小程序的付出,是wordpress定制化的开荒,特别是把定制化的配备供给在插件里成功,对像自家如此wordpress的插件开拓小白开采者来讲,难度是综上说述的。整个职能的付出,wordpress插件的付出占用了百分之九十的专门的职业量。因而,在此次赞赏效果开荒中,小编割舍采纳插件的办法,大大收缩了开荒和调治将养的难度,插件开拓最大的标题是调养麻烦,出现代码bug也步履维艰开掘。

围观以下二维码,展开小程序

4858美高梅 2

上边介绍WordPress版微信小程序2.2.8版本首要更新内容

1.配备文件结构革新

思量到十分多人选拔微信小程序的时候不领悟在那边修改配置文件,导致程序不恐怕运转,本次更新在utils文件夹下扩充了config.js文件,代码如下:

//配置域名

var DOMAIN = “www.watch-life.net“;

export default {

getDomain: DOMAIN

}

要是把域名修改为你网址的域名就可以,无需再修改另外地点,小程序就足以运作起来了。

2.议论区集成功效按键

思量到文章页面包车型客车增大相当多,举个例子:点赞、复制、转载、表扬,探讨,重返首页等,于是在那么些本子里,作者把那几个意义集中在商议区,思量到这几个功效开关数量比较多,把利用频率最高的评价和重临首页彰显在切磋面板上,而把利用频率相对很低的点赞、复制、转载、赞赏遮掩在批评面板下方,通过“+”号Logo触发呈现。如下图所示:

或然这个成效利用路线某些深,但是小编人觉着对于资源信息类的小程序来讲,重要是看小说,别的的功效都以猛虎添翼,希望不要因为如虎生翼的效应影响了文章的阅读。

4858美高梅 3

3.点赞

本条效果是兑现并不复杂,用户在点击“点赞”Logo后,在wordpress后台记录用户的openid和点赞记录,思索到点赞是和小说的id关联的,小编把点赞的记录保留在wordpress
的postmeta表里。因为急需获得用的微信openid,由此须要经过小程序的appid和AppSecret来收获微信用户消息。
基于此,作者调动了插件程序wp-rest-api-for-app,供给在wordpress
后台管理配置appid和AppSecret,具体布署在wordpress后台管理的装置菜单里面,找到“微信小程序设置”菜单,点击步入后,如下图所示:

4858美高梅 44858美高梅 5

WordPress插件地址:

小程序要正规运作,必须安装这些插件,同极度间这一个插件最近还不曾付诸到法定,安装须要上传文件夹到wordpress的插件目录进行安装启用,不要上传压缩文件去安装。

4.赞赏

支出的效果本人并不复杂,官方文书档案描述的也很清晰,但思考程序是开源,作者本来的虚拟是把有关布置音信和付出效率结合到wordpress插件里,那样使用程序的人只要安装插件就能够应用,但写插件的进度万分不顺手,折腾了大概二二十一日的大运,发掘还应该有相当多坑,于是就遗弃了,搞成插件付出的小时资金财产太大了。

叫好利用了印证的微信小程序的支出作用。表扬作用的劳务端php程序作者是在合法的微教徒人号的微信支付demo基础上改造完成的。微信民众号的微信支付法定demo地址:

歌颂效率必须合营使用那些支付的劳务端php程序,该程序小编也开源了,开源的地址:

weixin-app-wxpay程序地址:

安装的点子:

1、程序wp-wxpay目录要求停放在网址的根目录。程序的wp-wxpay目录是一流目录,目录结构如下:

├── wp-wxpay

├──────lib

├──────────WxPay.Api.php

├──────────WxPay.Config.php

├──────────WxPay.Data.php

├──────────WxPay.Exception.php

├──────────WxPay.Notify.php

├──────logs

├──────pay

├──────────app.php (微信小程序调用赞扬调用程序)

├──────────log.php

├──────────notify.php

├──────────WxPay.JsApiPay.php

2、修改lib目录下的WxPay.Config.php相关配置

const APPID = ‘wx************’;

const MCHID = ‘*********’;

const KEY = ‘********’;

const NOTIFY_URL=’;
(支付回调地址,修改域名就能够)

const BODY =’守望轩Live’; (音信体的剧情,自行随意给定)

商贩支付密钥的拿走参见微信支付法定文书档案:

修改后,小程序就能够调用这一个支付程序完结赞扬作用。通过那么些称誉功用的开拓,让本身对大伙儿号的微信支付的流程,有了差不离的问询

wordpress版微信小程序到前段时间版本,基本作用都曾经到家,在全方位开垦进程中,对小程序的一切开拓流程和宗旨职能有了比较中肯的摸底,也进一步对小程序的前景向上充满信心。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有