angularjs 微信授权登录微信支付

最近做一个项目，用angular 一个单页应用，打算打包成跨平台移动App 以及在微信里面使用。给大家一个案例

首先，熟悉一下微信授权部分的源代码，如下所示:

javascript 前端代码；

 var app = angular.module("myApp", []);app.controller('myCtrl', ['$scope', '$location', '$http', function($scope, $location, $http) {//调取获取ping  支付凭证接口$scope.userid = userid;$scope.orderNum = $location.search().orderNum;$scope.orderId = $location.search().orderId;$scope.openid = $location.search().openid;//订单详情$scope.url = url   '';$http({method: 'GET',url: $scope.url,params: {'userid': userid,'orderId': $scope.orderId,'orderNum': $scope.orderNum}}).success(function(result) {if(result.status == 200) {$scope.orderInfo = result.data.orderInfo;}});$scope.slectPayType = function(paymentType, orderId, orderNum, userid) {$scope.url = url   '';window.location.href = $scope.url   "?orderId="   orderId   "&orderNum="   orderNum   "&userid="   userid;}console.log($scope.userid)console.log($scope.orderNum)console.log($scope.orderId)console.log($scope.openid)if($scope.openid != undefined || $scope.openid) {$scope.paytype = 'wx_pub';$scope.url = url   '';$http({method: 'GET',url: $scope.url,params: {'userid': userid,'orderNum': $scope.orderNum,'orderid': $scope.orderId,'openid': $scope.openid,'channel': $scope.paytype}}).success(function(result) {if(result.status == 200) {$scope.charge = result.data;pingpp.createPayment($scope.charge, function(result, error) {if(result == "success") {showMsg("支付成功");// 只有微信公众账号 wx_pub 支付成功的结果会在这里返回，其他的支付结果都会跳转到 extra 中对应的 URL。} else if(result == "fail") {showMsg("支付失败");// charge 不正确或者微信公众账号支付失败时会在此处返回} else if(result == "cancel") {// 微信公众账号支付取消支付showMsg("已取消支付");}});}});}}]);页面部分；<li ng-click="slectPayType('wx_pub',orderInfo.id, orderInfo.orderid,userid)"><i class="weixin"></i><span>微信</span></li>
<li ng-click="slectPayType('alipay_wap', orderInfo.id, orderInfo.orderid,userid)"><i class="alipay"></i><span>支付宝</span></li>

我在做微信支付的过程中出现了一个比较麻烦的问题，耗费了我半天的时间才解决的，就是在支付过程中回调通知地址的URL不规则，导致虽然支付成功了，但获取不到订单信息以及对订单信息的处理。微信支付要求回调通知URL必须不能带参数，如：“https://你的域名/index.php/home/WxJsAPI/notify/”。因为我用的是Thinkphp的路由模式3，此路由带了参数，如：“https://你的域名/index.php?s=/home”。（凡是URL里带有“?”的，都算是带了参数）

当然，如果你是第一次做，肯定会遇到各种问题，如果你是新手，遇到的问题都不知道为什么，即使你做过了再做我相信还是可能由于细节上的疏忽会出现问题的，不过不要烦躁，耐心的去发现问题，耐心的去调试，最后一定可以解决的。

angularjs 微信授权登录微信支付相关推荐

微信授权登录-微信公众号和PC端网站
一.微信公众号授权登录--微信公众平台微信授权登录,并调用后台接口,获取用户信息 1.网页授权回调域名首先要在公众平台官网中的"开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授 ...
小程序 - 微信授权登录微信授权绑定手机号
用户在使用小程序时,经常需要授权登录,授权登录的作用是获取用户的基本信息,如头像.昵称以及openid等,openid可用于微信授权手机号.微信支付. 微信授权登录 .xhtml如下,wxLogin为 ...
微信授权登录(微信订阅号使用测试账号)
1.微信授权登录: 微信公众号测试登录: 准备: 1.1 花生壳! 下载地址:http://hsk.oray.com/download/ 1.2 微信公众号:https://mp.weixin.qq. ...
微信小程序微信授权登录微信登录
一.调用接口获取临时登录凭证(code) wx.login({success(res) {if (res.code) {// res.code => 登录凭证} else {console.lo ...
IOS实现微信授权登录
IOS实现微信授权登录微信是一个在开发中经常会使用到的平台,比如微信登录.授权.支付.分享.今天我们来看看如何在自己的应用里面集成微信授权. 1.微信授权的定义微信OAuth2.0授权登录让微信用 ...
ios微信登录不上服务器,iOS微信授权登录
首先需要确保你的App应用在微信开发平台上注册创建并获得对应的接口,对应登录.支付等功能还涉及付费,具体申请流程就不再这里说了.到开放平台->管理中心->移动应用->查看应用,确认你 ...
Android：微信授权登录与微信分享全解析
前言在移动互联网浪潮中,联网APP已经把单机拍死在沙滩上,很多公司都希望自家应用能够有一套帐号系统,可是许多用户却并不一定买账:我凭啥注册你家应用的帐号?微博,微信,QQ几乎成了每个人手机中的必装应 ...
硅谷课堂 12_公众号消息和微信授权登录
硅谷课堂第十二天-公众号消息和微信授权登录文章目录硅谷课堂第十二天-公众号消息和微信授权登录一.公众号普通消息 1.实现目标 2.消息接入 2.1.公众号服务器配置 2.2.验证来自微信服务器消 ...
[小黄书后台]会员管理及微信授权登录
通过前几章小程序的UI实践,我们小黄书的Home页面已经有一个基本的呈现.但是,所有的数据还都只是mock模拟的数据,还没有任何跟小黄书服务器进行交互的动作. 今天开始,我们会逐步增加小程序和服务器的 ...

angularjs 微信授权登录微信支付

angularjs 微信授权登录微信支付相关推荐

最新文章

热门文章

angularjs 微信授权登录 微信支付

angularjs 微信授权登录 微信支付相关推荐

最新文章

热门文章

angularjs 微信授权登录微信支付

angularjs 微信授权登录微信支付相关推荐