
微信开发案例教程
文章平均质量分 70
公众号/小程序/支付开发等实战案例,教程等技术分享
guobinhui
一个IT青年的编程笔记
展开
-
JAVA实现微信公众号调用摄像头拍照和打开本地相册上传图片至服务器
一、主体实现流程1.引入Jquery和微信公众号JS-SDK (<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>)点击button或div,通过Ajax请求后台自定义接口,获取微信拍照和打开本地相册接口所需的参数,调用拍照接口【chooseImage】和上传图片接口【uplo...原创 2018-09-29 15:22:08 · 8563 阅读 · 5 评论 -
Java开发公众号系列教程(二):公众号开发全局缓存access_token和jsapi_ticket
上篇文章给大家分享了Java实现微信公众号调用微信拍照接口和打开本地相册上传图片的实战案例详解,近期收到很多开发者朋友通过笔者微信的咨询和反馈,表示很专业,很全面,很详细,十足的干货,足金足两,很受益。广大开发者朋友的持续支持和好评,让笔者有了更饱满的技术创作精神,那么今天就再次给大家分享一篇今天精心整理的干货《获取公众号的access_token和jsapi_ticket以及全局缓存公众号acc...原创 2018-09-30 11:46:15 · 7129 阅读 · 1 评论 -
Java开发公众号系列教程(一):微信js-sdk上传照片兼容IOS和安卓设备
很多开发者朋友在进行微信公众号开发时,遇到微信js-sdk上传手机相册照片时IOS设备无法正常预览的情况,今天笔者结合多年的开发经验,把兼容IOS的解决方案分享给广大微信开发者朋友。微信最新版本JSSDK文档 地址https://mp.weixin.qq.com/advanced/wiki?t=t=resource/res_main&id=mp1421141115一、首先申明一点笔...原创 2018-10-21 18:54:07 · 718 阅读 · 0 评论 -
Java开发公众号系列教程(三):微信js-sdk多图片上传,支持预览,删除
用过微信的人都知道,日常发表朋友圈图文动态时,可以选择多图片,图片右上角有个灰色的删除图标,可以对即将要发表的照片信息进行预览和删除。今天笔者通过微信js-sdk接口给大家把这个实现过程分享出来。一、主体思路微信js-sdk上传接口支持单次最多选择9张图片,我们要实现的就是跟微信发图文朋友圈一样的功能,最多支持9张图片,可以预览,删除。也就是说,如果我们第一次选了8张照片,再次选照片时...原创 2018-10-22 11:54:54 · 2100 阅读 · 3 评论 -
JS实现注册登录发送短信验证码动态显示60S倒计时完整案例
通常在web项目中都会遇到账户注册或者忘记密码时需要发送短信验证码的功能,虽然说这种功能很常见,但是实际开发过程中很多人还会遇到不少坑。笔者经过整理把最近项目中的用到的这个发送短信验证码动态显示60S倒计时的完整实现过程分享给广大开发者朋友。1、页面发送短信验证码的表单<div class="form-group"> <div class="col-xs-6...原创 2018-10-05 21:13:12 · 23468 阅读 · 10 评论 -
Java开发公众号系列教程(四):公众号消息推送|事件消息|模板消息应用
今天分享一下公众号推送模板消息的开发案例。应用场景:用户在公众号上进行了一些操作后,公众号自动向用户推送相关的模板消息,常见的比如用户在公众号付款后会收到商家的付款消息提醒。接下来通过笔者在测试账户上的开发案例,效果如下: 开发步骤:1、在微信公众测试账户上添加测试模板,添加模板后会得到模板ID,模板内容如下:2、学习微信文档,查看模板消...原创 2018-11-09 17:31:03 · 2760 阅读 · 0 评论 -
微信小程序开发中textarea文本域监听字数限制与动态计算
微信小程序开发时常会有评论或者备注功能,都会用到文本域字符长度计算以及字符限制的功能,笔者把最简洁易用的案例分享出来。学习之前先看微信官方API文档 https://mp.weixin.qq.com/debug/wxadoc/dev/component/textarea.html一、实现思路:1、在textarea中绑定bindinput事件。2、通过var value = e.d...原创 2018-11-09 17:06:54 · 6024 阅读 · 2 评论 -
微信开发 微信小程序开发 封装时间格式化工具类 年月日格式工具类
微信小程序开发过程中,关于时间的处理常常会有不同的格式要求,那么封装一个满足不同格式的通用时间工具类显得尤为重要。结合笔者多年的开发经验,现在把封装的时间工具类分享给大家,仅供参考。新建一个工具类timeUtils.js,本工具类提供了三种格式的时间:年月日时分秒格式 YYYY-MM-DD HH:MI:SS年月日格式 YYYY-MM-DD时分格式 HH:MIconst for...原创 2018-12-17 10:02:21 · 2312 阅读 · 0 评论 -
微信小程序开发 集成腾讯地图服务 获取地理位置(经纬度信息) 逆向解析地址
开发前准备工作,先阅读腾讯地图接口文档,在小程序中引入地图sdk,并在公众号后台配地图接口域名https://apis.map.qq.com,详见笔者另外一篇博客(微信小程序根据经纬度动态定位计算周边商家导航距离)具体的业务开发核心代码getLocation: function (e) { var that = this; console.log(e) wx....原创 2018-12-17 11:47:49 · 3028 阅读 · 0 评论 -
微信开发 小程序开发 封装高效稳定优雅的网络请求统一访问接口
小程序开发中,很多地方都要请求后台接口,如果所有的接口请求都调用小程序官方文档给的网络请求方法wx.request({ }),千篇一律的重复代码显得太过于臃肿,繁琐,作为一个对代码艺术美有崇高追求的广大开发者朋友,肯定是不愿意看到的,那么封装一个高效稳定优雅的网络请求统一接口就显得尤为重要,笔者结合众多项目实战经验整理后,把封装好的代码分享给广大开发者,大家拿去就可以直接用。截止目前,随着笔者的不...原创 2018-12-17 11:32:25 · 487 阅读 · 0 评论 -
小程序开发 —— 发送短信验证码获取倒计时效果
在小程序开发过程中如何实现短信验证码功能呢?主要有两种方法:一、 使用小程序的 wx.getPhoneNumber 接口获取短信验证码微信小程序提供了 wx.getPhoneNumber api 接口,让你获取用户绑定微信的手机号码,微信会发送一条短信验证码到用户手机上验证。这种方法是免费不用钱的,但是只适合简单,首次验证用户,如果你的业务复杂,就需要使用第二种方法…二、 ...原创 2018-09-14 15:42:19 · 1046 阅读 · 0 评论 -
微信公众号开发 公众号接口开发 封装统一的GET/POST请求接口
10万+IT人都在关注,史上最全面的微信开发实战教程:包含公众号,小程序,微信支付等开发案例欢迎关注笔者个人博客:http://blogs.chenyunkeji.com/在微信公众号/小程序开发过程中,后端服务要用到微信公众平台提供的各种接口,比如创建个性化菜单的接口,网页授权接口,消息事件接口等,事件推送接口等,几乎大多数的微信接口都要用到GET/POST方式的http请求,那么就需要...原创 2019-05-09 11:12:32 · 2069 阅读 · 0 评论 -
微信公众号菜单栏开发 微信公众号接口开发个性化菜单 菜单事件开发
10万+IT人都在关注,史上最全面的微信开发实战教程:包含公众号,小程序,微信支付等开发案例欢迎关注笔者个人博客:http://blogs.chenyunkeji.com/首先,直接上图,看效果,如下,有三个根菜单,每个菜单上有不同类型的子菜单,点击子菜单可以实现用户和公众号实时交互本案例技术栈:springboot,mysql,logback,mybatis菜单创建请求接...原创 2019-05-08 20:00:54 · 3417 阅读 · 0 评论 -
微信公众号开发系列教程(四):监听关注/取消关注事件 消息接收与响应处理
10万+IT人都在关注,史上最全面的微信公众号开发系列教程:基于Springboot开发公众号关注/取消关注事件前言:关于监听公众号用户关注和取消关注的消息事件,微信官方文档给出的参考内容寥寥无几,具体如何配置url,官方文档也没有具体的说明,确实很坑,让人很难懂,而且网上关于配置微信消息事件接口的讲解资料很少,大多数只讲到验证token的url的配置,很少有讲到消息接口的url配置注意事...原创 2019-03-26 17:00:35 · 22976 阅读 · 10 评论 -
公众号支付 微信支付 小程序支付 h5支付开发连载(二):h5页面提交订单
上一节给大家分享了用户授权公众号获取用户openid的详细教程,本节给大家继续分享用户进入公众号的h5网页提交订单的实现过程上节教程获取到用户openid后,把这个参数返回到h5页面,用隐藏域接收后再连同这个openid以及订单所有信息提交后台接口,这里以最关键的订单信息:金额为例进行代码实现。首先在商品页面定义一个表单,里面有商品信息和价格信息,由于这里只做演示,价格暂时写死,再定义一个...原创 2018-12-30 11:39:23 · 664 阅读 · 0 评论 -
公众号支付 微信支付 小程序支付 h5支付开发连载(一):获取用户openid
从本期开发,笔者将会把公众号里实现网页h5支付的全流程做个连载详细教程(微信支付和小程序支付流程基本一样,同样可以参考本连载教程学习),本教程服务端是java语言,采用现在主流的springmvc框架,感兴趣的开发者可以一起参与进来与笔者共同学习。基本思路:登陆公众号服务号(订阅号也可以)后台配置一个网页路径,用户通过公众号菜单入口打开h5网页,授权微信网页(有2种授权方式),后台获取该用户和...原创 2018-12-30 10:49:53 · 989 阅读 · 0 评论 -
springmvc开发微信公众号接口 微信公众号测试账号配置接口Token验证
综合笔者多年的微信公众号以及微信产品开发经验,本篇内容把微信公众号测试账户的接口配置过程分享给广大开发者朋友,开发语言是Java,采用目前流行的springmvc框架开发。开发前必读以及准备工作:1、微信公众平台开发是指为微信公众号进行业务开发,为移动应用、PC端网站、公众号第三方平台(为各行各业公众号运营者提供服务)的开发,请开发者前往微信开放平台接入。2、在申请到认证公众号之前...原创 2018-12-15 11:54:57 · 7371 阅读 · 4 评论 -
微信小程序根据经纬度动态定位计算周边商家导航距离
据说,有码农的地方就有江湖,近期有朋友向编者咨询关于小程序开发定位的若干问题,那么今天小编就本着无私奉献的精神把自己的实战经验整理分享出来,仅供各位江湖朋友参考。应用场景:根据当前移动设备上小程序的定位(基准点),计算周边不同商家的导航距离,此刻编者就给大家把小程序根据经纬度计算导航距离的具体代码分享出来,希望能帮到各位同行。首先需要自行去腾讯位置服务网站通过自己的appid(做过小程序的都懂...原创 2018-08-20 14:45:54 · 13279 阅读 · 11 评论 -
Java实现微信小程序开发 小程序支付开发-小程序退款功能
最近,经历多个微信小程序支付以及小程序退款实战项目,今天编者经过整理,把小程序申请退款的实战项目案例分享给大家,希望能让大家借鉴,在项目开发中少走弯路。 小程序处理退款前提需安装商户安全证书:退款请求需要在请求服务器安装微信提供的安全证书,因为微信退款需要携带证书的请求,此证书可在申请微信商户号成功后...原创 2018-08-28 16:49:28 · 10872 阅读 · 22 评论 -
公众号/小程序开发 签名参数拼接 MD5/SHA1加密参数获取JS-SDK接口权限
在公众号或者小程序开发中,无论是微信小程序,百度小程序还是支付宝小程序开发,涉及到的很多官方sdk接口调用,都需要有接口权限,而这些接口权限的获取都要对接口参数做特殊处理后再加密签名,才有接口权限,比如小程序API里面的多媒体接口(上传,下载等),支付接口,统一下单接口等。下面直接上代码 /** * MD5 加密,转为指定类型 * * @param t...原创 2018-12-17 12:21:03 · 2092 阅读 · 2 评论