2019-05-31 17:20:54 wj1224_ 阅读数 998
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27840 人正在学习 去看看 秦子恒

企业微信api-监听页面返回事件(onHistoryBack)

业务背景

最近在进行企业微信相关的开发,系统要上线必须满足企业微信那边的一个要求:部分页面(单据填写页等)要求必须对接JS-SDK监听页面返回事件,在用户返回上个页面时,回调开发者注册的函数,处理业务需要的逻辑。
在网上找了很多资料,都没有这个企业微信的监听页面返回事件(onHistoryBack)的案例

处理方式(遇到的问题)

查看企业微信api文档
步骤一:引入js文件
步骤二:通过config接口注入权限验证配置
步骤三:通过ready接口处理成功验证

需要尤其的注意:
这个步骤一引入js文件,不要下载下来引入,而是要在线引入js文件,因为api里面提到的某些事件方法不支持下载缓存使用。
我最开始的做法是

npm install weixin-js-sdk       				//下载weixin-js-sdk
var wx = require('weixin-js-sdk');				//引入

这样的做法导致onHistoryBack怎么也触发不了,然后我在页面中console.log(wx),如下:
![Alt](在这里插入图片描述
发现wx对象中根本就没有onHistoryBack这个方法
但是如果在线引入js文件,

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

就不存在这个问辣,一切都ok。

2018-05-18 14:59:59 TarkuNi 阅读数 5541
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27840 人正在学习 去看看 秦子恒

1.微信公众号交互页面嵌入了JSP页面,微信内置的浏览器左上角有返回按钮,而安卓版没有,在实际项目中,有页面跳转A-->B-->C,C页面做完处理点击返回直接跳到A页面的需求,默认的返回是不可以的,处理逻辑如下:

$(function(){
    pushHistory(); 
    window.addEventListener("popstate", function(e) {  //回调函数中实现需要的功能
	// alert("我监听到了浏览器的返回按钮事件啦");
	window.location.href='/wechart/contractList?userId=${userId}&openId=';  //在这里指定其返回的地址
    }, false);
});
function pushHistory() {
    var state = {
        title: "我的合同",
        url: "#"
    };
    window.history.pushState(state, state.title, state.url);

}

2.为了避免C页面跳回A页面后,再点击返回又回到C页面,我们可以再在A页面中监听下返回按钮,如果点击返回就关闭页面

$(function(){
    pushHistory(); 
    window.addEventListener("popstate", function(e) {  //回调函数中实现需要的功能
	// alert("我监听到了浏览器的返回按钮事件啦");
	WeixinJSBridge.call('closeWindow');
    }, false);
});
function pushHistory() { 
        var state = { 
            title: "我的合同", 
            url: "#"
        }; 
        window.history.pushState(state, state.title, state.url); 
    }


2015-08-31 10:39:03 knight_black_bob 阅读数 341
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27840 人正在学习 去看看 秦子恒

 

 

 

 

 

微信 之 安卓

安卓 的 页面 跳转 之生成 一个 页面 ,然后又个 × 按键 ,一键回到 微信主界面,
所以 我们只能 在 自己的html 上添加 一个 返回键 ,这样 一个 页面上有两个 放回键 ,不太好看,这也是没有办法的事情。
 

 

 

微信之iOS



 

iOS 是 有启用 返回键的,点击返回,它执行的是 进入该页面的action , 如上图,微信主 页面 点击的 登录 页面,没有 注册的进入 绑定 页面,然后注册 ,然后成功后跳到 厂商主页面,然后点击 返回键,回到 厂商主界面了 ,那是因为 你 绑定成功 ,重定向到 厂商主界面, 它 做的是 reload  这个 action , 尽管 有了 返回键,可是 从厂商主界面 返回 又回到 厂商主界面 ,再点击 一下 才会回到 微信主界面。 这个有点用户体验不好。

 

 

解决方案 :

 

……

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

捐助开发者

在兴趣的驱动下,写一个免费的东西,有欣喜,也还有汗水,希望你喜欢我的作品,同时也能支持一下。 当然,有钱捧个钱场(右上角的爱心标志,支持支付宝和PayPal捐助),没钱捧个人场,谢谢各位。



 
 
 谢谢您的赞助,我会做的更好!

 

 

 

2019-05-27 19:17:49 qq_36229632 阅读数 123
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27840 人正在学习 去看看 秦子恒

document.referrer是javascript提供的默认返回并刷新页面的方法;同时用document.referrer可以获取到上一个页面的url;

那么具体如何使用呢?

举个列子:我们在做商城的时候,会有地址列表页;如下图地址列表页,点击添加收货地址进入添加收货地址页面。当新的收货地址添加完毕后,我们要自动返回到这个页面并且刷新改页面数据;那么就可以用document.referrer方法;

当添加完新地址返回到地址列表页后,数据是刷新了。但是如果这时按返回按键,会发现又会返回到添加新地址页面。那么用户体验度是非常不好的。我们要达到的效果应该是点击返回按钮,返回到进入地址列表的那个页面;

解决方法:可以在地址列表页声明变量获取上一个页面的地址:

思路:获取收货地址页面URL上的参数,判断当前列表页是否在添加收货地址页面过来的;然后进行操作;

var url = document.referrer;//获取上一个页面的地址

var reg = RegExp(/address/);//声明一个增则表达,具体需要根据需要判断的URL去创建;

if(reg.test(str)){

//收货地址页面过来的

}else{

//正常顺序进入的;

}

//这时候需要监听微信返回按键

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

//通过监听微信按钮实现正常返回;

if(reg.test(str)){
            window.addEventListener("popstate", function(e) {  //回调函数中实现需要的功能
               window.history.go(-2);//正常回退  //两级  第一级编辑页面 第二级别当前页面
            }, false); 
        }

2018-06-16 22:10:59 sun2015_07_24 阅读数 4244
  • 微信支付开发-微信公众号开发12-微信开发php

    微信公众平台开发之微信支付开发是子恒老师《微信公众平台开发》视频教程的第12部。详细讲解了用php进行微信支付的开发。内容包含获取支付密钥,微信公众号支付开发,扫码支付,微信刷卡支付,异步处理支付结果等等。欢迎反馈,微信/QQ:68183131

    27840 人正在学习 去看看 秦子恒
$(function(){
    pushHistory();
    window.addEventListener("popstate", function(e) {
      //关闭当前浏览器
        wx.closeWindow();
    }, false);
    function pushHistory() {
        var state = {
            title: "title",
            url: "#"
        };
        window.history.pushState(state, "title", "#");
    }
});

为什么80%的码农都做不了架构师?>>> ...

博文 来自: weixin_33920401
没有更多推荐了,返回首页