场景描述两个手机交互涉及公司内容就没有截图了

通过二维码扫码进入判断扫码微信还是支付宝界面，判断之后微信免登陆进行重定向带值传递到后台交互界面

1.生成二维码界面

//准备支付-进行扫码识别 微信还是支付宝ready_pay_order(order_number,money){let url = "https://xxx.xxxx.com/index.php/Template/xxx/center_jump?pay_tl_remark="+pay_tl_remark+"&pay_tl_money="+pay_tl_money;qrcode.makeCode(url);var canvas=$("#app_imgs").find('canvas').get(0);var pay_qr_code_img = canvas.toDataURL('image/jpg');self.img_src=pay_qr_code_img;self.times_o = setInterval(() => {self.times--;if (self.times == 0||self.is_pay==1) {clearInterval(self.times_o);}else{alert("生成错误");}}, 1000);},

2. 二维码扫码进入

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><link href="__PUBLIC__/css/animate.css" rel="stylesheet"><link href="__PUBLIC__/css/fyapps.css?v=1.112" rel="stylesheet"><script src="__PUBLIC__/js/app_jq_vue.js"></script>
</head>
<script>var appid = "owner"; //自己的appidconst querystring = getQueryString();function myrefresh(){var ua = window.navigator.userAgent.toLowerCase();if (ua.indexOf("micromessenger") > 0) { // 微信//var uri = encodeURI("https://xx.xxx.com//index.php/Template/xx/test_pay?tl_data="+tl_data);  //只能传递一个参数  &会与微信自带的参数造成混淆，编译不出/*encodeURIComponent  php后台可以通过  urldecode() 进行解码$url="%E9%94%80%E5%94%AE%E5%8D%95%E6%80%BB%E9%A2%9D%EF%BC%9A100";$str = urldecode($url);echo  $url ;echo  $str ;*/const uri = encodeURIComponent("https://xx.xx.com/index.php/Template/xx/test_pay?pay_tl_money="+querystring.pay_tl_money+"&pay_tl_remark="+querystring.pay_tl_remark);var url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+"&redirect_uri=" + uri+"&response_type=code&scope=snsapi_base&state=123#wechat_redirect";window.location = url;}if (ua.indexOf("alipayclient") > 0) { //支付宝alert("Alipay");}}setTimeout('myrefresh()',1000);/*** url參數截取* @returns {{}}*/function getQueryString(){const url = location.search;const rs = {}if(url.indexOf('?') === 0){const querystring = url.substr(1);const kvArr = querystring.split('&');kvArr.forEach(item => {const temp = item.split('=')const key = temp[0];const val = temp[1];rs[key] = val})}return rs;}
</script>
<body></body>
</html>

多参数传递将 encodeURI 改成 encodeURIComponent 亲测有效

3. test_pay界面接收参数

  //原基础上加上const querystring = this.getQueryString();let code = querystring.code;this.number_qr = querystring.pay_tl_money; // alert()可以弹出传递的值this.remark_content = querystring.pay_tl_remark;

解决公众号网页微信免登录重定向地址只能带一个参数问题相关推荐

VUE 实现公众号网页微信授权登录
这里不做过多的解释,具体了解见官网文档. 网页授权官方文档需要准备工作: 1.微信开发者工具 2.公众号添加开发者权限以及本地IP白名单 3.公众号唯一标识:appID 4.公众号配置网页授权域名 ...
uniapp开发微信公众号网页-微信JSSDK使用
uniapp开发微信公众号网页-微信JSSDK使用一. 安装jweixin-module 二. 新建js文件,把jssdk的接口简单封装,然后挂载到vue实例 1. 在js公共文件夹下创建wecha ...
基于Thinkphp5+EasyWeChat+fastadmin微信小程序授权登录获取手机号微信公众号网页---联合授权登录
战前准备 1.使用 composer 安装 EasyWeChat $ composer require overtrue/wechat:~4.0 -vvv 或者在composer.json文件renq ...
uniapp - 超详细的 H5 公众号网页微信登录示例代码，提供从 0-1 公众号配置及详细注释代码（站在新手小白的角度）第三方微信授权登录的实现！！
介绍目前示例是 "点击按钮登录",你也可以改为 "一进页面就登录" ,可随意改造. 百度的教程都太乱了,而且功能都有一定问题.本文主要讲解 uniapp H5 ...
【公众号】微信第三方登录（静默授权和非静默授权）（具体代码：U盘新浪云SAE）...
一.微信联合登录是怎么登录的,有几种登录方式:微信联合登录和微信授权登录[授权登录(非静默授权)与静默授权] [主动授权]:需要用户确认登录,这样可以通过用户的个人确认,获取用户全面的信息,无论是否关 ...
Php静默授权,【公众号】微信第三方登录（静默授权和非静默授权）（具体代码：U盘新浪云SAE）...
一.微信联合登录是怎么登录的,有几种登录方式:微信联合登录和微信授权登录[授权登录(非静默授权)与静默授权] [主动授权]:需要用户确认登录,这样可以通过用户的个人确认,获取用户全面的信息,无论是否关 ...
vue3+vant开发微信公众号网页爬坑不完全指北
点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群前言 8月底的时候接到了一个微信公众号网页开发的任务, 在此之前我从没开发过微信公众号网页的项目, 心想这回又能学到新东西了, 然后又是移 ...
微信公众号开发之授权登录（前端vue篇）
前序: 由于之前一直是后端直接调用微信授权后,拿到相关信息后再返回给我(就是以前的前后端不分离),所以对微信公众号开发的微信授权登录还一直处于懵逼情况,直到今天有一个项目需要前后端分离,要前端主动去获 ...
微信公众号 - 网页服务 - 分享接口
需要有一个认证的微信公众号,订阅号.服务号都可以,主体不能是"个人" 需要有一个域名,域名不能含有中文,域名需要备案目录一.公众号与域名绑定二. IP白名单三.准备工作 3 ...

解决公众号网页微信免登录重定向地址只能带一个参数问题

场景描述两个手机交互涉及公司内容就没有截图了

1.生成二维码界面

2. 二维码扫码进入

多参数传递将 encodeURI 改成 encodeURIComponent 亲测有效

3. test_pay界面接收参数

解决公众号网页微信免登录重定向地址只能带一个参数问题相关推荐

最新文章

热门文章

解决公众号网页 微信免登录 重定向 地址 只能带一个参数问题

场景描述 两个手机交互涉及公司内容就没有截图了

1.生成二维码界面

2. 二维码扫码进入

多参数传递 将 encodeURI 改成 encodeURIComponent 亲测有效

3. test_pay界面 接收参数

解决公众号网页 微信免登录 重定向 地址 只能带一个参数问题相关推荐

最新文章

热门文章

解决公众号网页微信免登录重定向地址只能带一个参数问题

场景描述两个手机交互涉及公司内容就没有截图了

多参数传递将 encodeURI 改成 encodeURIComponent 亲测有效

3. test_pay界面接收参数

解决公众号网页微信免登录重定向地址只能带一个参数问题相关推荐