微信H5页面登录到支付的心得

这几天帮朋友做了一个微信H5页面,代码都是down下来的,只添加了微信登录和微信支付功能。

以前没这么搞过这方面的,不知道怎么入手,在同事的帮助下终于完成了,现在记录下来,避免以后继续踩坑。

1、首先你的公众号中必须支持微信网页授权的权限,创建了一个方法里面判断用户是否登录,没有的话那么就会去请求微信的接口获取用户的基本信息,

获取信息后存入到数据库,cookie和session中;下次进入的时候判断cookie和session中的数据是否和数据库的一致,一致的话就默认为登录状态。这样微信登录的基本就完成了。

2、在微信支付的时候遇到好多坑,实际上现在回想还是挺简单的,并且都有demo的。首先下载支付SDK根据自己系统的订单数据,发送到微信支付中的统一下单接口,

这时候会返回给你对应的json数据,把json数据添加到前台页面中的JS api支付里面就可以了,后面就是一系列的优化之类的。

备注:在统一订单中有个回调地址,这个回调地址里面是指微信支付成功之后,会把xml数据传递给这个地址,然后我们自己在这个地址方法里面处理自己的业务逻辑,

地址里面不能有?或者&符号,也不能有什么登陆的判断限制,当时就有然后地址里有参数一直接收不到xml数据,最后还是万能的百度解决了。

原文地址:https://www.cnblogs.com/tengjian/p/9186035.html

时间: 2024-07-29 19:30:46

微信H5页面登录到支付的心得的相关文章

C#开发微信门户及应用(44)--微信H5页面开发的经验总结

在我们开发微信页面的时候,需要大量用到了各种呈现的效果,一般可以使用Boostrap的效果来设计不同的页面,不过微信团队也提供很多这方面的资源,包括JSSDK的接口,以及Weui的页面样式和相关功能页面,给我们提供了很大的便利,本文是在自己做的一些H5微信应用页面上做了一些功能总结,希望能够给大家提供一定的帮助. 1.微信网页开发 1) JSSDK 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包.通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语

微信h5页面中跳转下载第三方app的办法

需求:在微信h5页面中下载第三方app -- 安卓, 直接下载apk文件包:iphone,跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不支持通过scheme跳转第三方app) 变通方法: 一.借助TX的应用市场 --'应用宝':将app上架应用宝,在微信中点击下载按钮(app的应用宝微下载地址),安卓则可跳转应用直接进行下载,iphone则会自动跳转Appstore(需在TX开发平台进行配置) 总结:虽然这种方

微信h5页面中跳转外部浏览器下载APK的办法

需求:在微信h5页面中下载第三方app -- 安卓, 直接下载apk文件包:iphone,跳转AppStore 分析:微信不支持,在微信中屏蔽了apk文件的下载以及AppStore的跳转(且除非和TX有合作的应用,否则也不支持通过scheme跳转第三方app) 变通方法: 一.借助TX的应用市场 --'应用宝':将app上架应用宝,在微信中点击下载按钮(app的应用宝微下载地址),安卓则可跳转应用直接进行下载,iphone则会自动跳转Appstore(需在TX开发平台进行配置) 总结:虽然这种方

微信H5页面前端开发,大多数人都会遇到的几个兼容性坑

1.ios端兼容input光标高度 问题详情描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上 当点击输入的时候,光标的高度和父盒子的高度一样.例如下图,左图是正常所期待的输入框光标,右边是ios的input光标. 出现原因分析:通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离(行高),当点击输入的时候,光标的高度就自动和父盒子的高度一样了.(谷歌浏览器的设计原则,还有一种可能就是当没有内容的时候光标的高度等于input的line-hei

微信h5页面调用第三方位置导航

微信h5页面拉起第三方导航应用 需要准备的: 通过微信认证的公众号有备案过的域名 背景:微信公众号点击菜单栏跳到h5页面,需要用到导航功能 需求:当用户点击导航按钮时,跳转到第三方app进行导航 参考:微信公众号开发文档 步骤: 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/... jssdk的签名权限,这个权限是由后台提供的,前端只需要把签名权限注入到wx.config中就可以了,相信用过微信其他api的这一步都可以省了

微信h5页面屏蔽投诉按钮的完美实现办法

   在做微信投票,小说阅读类,以及大部分推广类微信H5页面经常会遇到因为被举报投诉导致页面被微信封杀的情况.因为微信是处理投诉举报是非人工,所以一旦这种举报投诉多次域名就会百分百被封杀.申诉等处理又是遥遥无期,基本希望渺茫,严重影响了正常推广的拓展.如果我们能够屏蔽掉微信的举报投诉按钮的话,就能够从源头彻底杜绝了恶意举报投诉的情况,经多方寻找和研究最终找到了能够完美屏蔽到掉微信举报投诉按钮的方法.      演示地址1:http://www.188tool.cn/button/demo1.ht

【经验分享】微信H5页面制作_页面制作教程

现在,H5页面在微信中很受欢迎,邀请函就是其中一种,它有着传播快.影响范围广等特点,看起来虽然很高端复杂,很多企业或个人都不知道如何制作,但是其实非常简单,借汇桔宝平台就能轻松搞定. 它具有海量的场景营销模板,让您不会错失任何一个与客户接触的机会:数百个游戏模板,只需轻松配置即可玩转微信朋友圈,推广吸粉无比轻松.在这里您可以制作H5微场景,包括节日问候.企业宣传.产品推介以及活动介绍.你可以制作邀请函,包括:商务邀约和沙龙聚会:你还可以制作微投票,包括:市场调研.商业评选:你甚至还可在这里制作万

解决微信H5页面软键盘弹起后页面下方留白的问题(iOS端)

前言:微信H5项目,ios端出现了软键盘输完隐藏后页面不会回弹,下方会有一大块留白 最近微信和ios都有版本升级,不知道是哪边升级造成的,但是经过测试,软键盘收起后,再滚动一下页面,下面的留白就会消失.所以只要在输入完毕后模拟一下这个"滚动"的操作,就能解决问题了. 如果是用vue写的: <input type="text" @blur="fixScroll" placeholder="请输入xxx"/> //me

jmeter(三)微信H5页面的压力测试之XML

老样子,周末在加班中度过:最近工作比较忙,也没时间整理一些学习工作中累计的东西,今天被开发放鸽子,好好的周末啊,又没了,怨念ing...... 之前介绍了关于jmeter的基础以及录制脚本的两种方法,今天就以我最近工作为例子,说说怎样做一个简单的压力测试... 项目背景:公司的微信端H5界面新开发了会员注册功能,需要对其进行压力测试 项目目标:需要承受每分钟最少6000的压力 至于需要用到的工具.数据什么的,下面介绍 一.建立一个测试计划(test plan) 之前有说过,jmeter打开后会自