小猿猪哥的博客

最近一段时间公司在做一个直播的微信小程序。由于是两个部门的前端一起合作开发这个小程序。项目框架也是之前他们搭建的，所以我们这边就只能依着他们的继续开发下去了。框架选型是mpvue。其实早在18年就知道这个mpvue也听之前使用的同事说过这个。现在是自己亲自使用，个人感觉真没必要使用这个开发小程序。理由如下：都会vue了，再上手小程序其实很简单了。之前17年初，我就是这样开发可好几个小程序，现在小程序API、组件、开发工具很强大了，没必要在使用其他的。开发效率，可能还低。可能在我这就是这样的。在vsco

最近两个月在重构公司的一个商城项目，小程序端，PC端，后台部分也大部分是我做的。比较忙，所以博客写的比较少。这两天在调试微信支付之后个用户发送一个模板消息的功能。一直出现errcode: 41028, errmsg: “invalid form id hint:的错误。在网上看了一个基本没有一个正确的答案，基本都是照搬微信的文档，并没有说出调试的细节。关于文档，大家可以直接看微信的文档-小程序模板

之前做小程序的时候就使用过页面的传值，但是一直没写写成博客。今天有个网友问我页面怎么传值，我就写写下来，让他去看看。 之前做iOS开发的时候就有很多页面传值的应用，什么正向传值，反向传值，跨页面传值等。实现的方式有：通知，本地储存，公开属性，代理，单例等。 那么小程序有哪些呢？小程序页面传值的方式/* * 页面传值:1.正向传值：上一页面 --> 下一页面 *

最近又在做小程序开发的工作。这次需要获取用户的地理位置，就是在界面上显示用户所在的城市。准备工作准备工作就是看小程序的文档-小程序-获取位置。 这里小程序提供了一个接口wx.getLocation(OBJECT)。接口参数 这里主要是那个type参数。success返回 这里我们可以看见返回的数据里面和位置相关的只有经纬度latitude和longitude。但是这个是数字，用户并不需要关系这

之前在做原生app开发的时候，下拉刷新和上拉加载更多是使用的比较多的一个功能了。现在在做微信小程序开发，小程序只提供了下拉刷新的接口。那么下拉刷新和上拉加载更多就需要我们换个思路实现了。关于scroll-view什么是scroll-viewscroll-view：可滚动视图区域。scroll-view的属性注意点使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height。Bug & Ti

在上一篇微信小程序开发(十二)富文本插件wxParse的使用中，我已经使用了wxParse插件。下午有时间就仔细的把玩了一下，发现了一个bug。问题描述 仔细看报错，我们会发现是wxParse.js文件里面的wxParseImgTap方法里面有Bug。没有imageUrls这个属性。分析问题后来把wxParse插件的源码都看了一次，也修复了这个bug。其实修复这个bug不需要看看那么多，只需要看w

昨天一位网友问我小程序怎么解析富文本。他尝试过把html转出小程序的组件，但是还是不成功，我说可以把内容剥离出来。但是这两种方法都是不行了。后来找到了wxParse-微信小程序富文本解析组件。特性 支持特性 实验功能 ToDo [x] HTML的大部分标签解析 [x] 小表情emjio [x] table标签 [x] 内联style [x] a标签跳转 [x

在之前的原生iOS开发中写了一个《【iOS】星星评分控件HGDQStars》，这个在原生开发里面可以给出0~5之间的任意一个分数，使用起来也很方便。 最近在做小程序开发，也需要一个五星好评的控件，这次写的只能给1，2，3，4，5这几个固定的分数，但是对于这种对分数要求不是很严格的场景，其实这样就可以了。 下面是具体实现过程。准备工作首选需要有两个星星，一个满分星星，一个空心的星星。 代码实现.

应用场景提交退款申请后，通过调用该接口查询退款状态。退款有一定延时，用零钱支付的退款20分钟内到账，银行卡支付的退款3个工作日后重新查询退款状态。接口说明 这里退款还是根据商户订单号-out_trade_no去微信那边查询代码实现/* * 根据商户订单号out_trade_no 查询退款 */router.all('/api/wxpay/refundQuery', function(req,

之前公司做的app的订单退款是，客户打电话给公司客服退款。这个一旦用订单量大了就是一件很要命的事情，工作量大，效率低且用户体验不好。题外话这里不是黑ofo。之前本着体验一下ofo的小黄车，就注册了一个小黄车账号，充值了20送了5快。后来发现我上下班每天经过的路段就很好少有小黄车，有也是被个人占用了。一怒之下就退了押金，这个退款到还是很快。后来退账户余额就是一件很恼火的事情。打ofo的400电话，不是

如果你已经看了前面的《微信小程序开发(五)小程序支付-统一下单》和《微信小程序开发(七)小程序支付-查询订单》。这个关闭订单就更加不是问题了。应用场景以下情况需要调用关单接口：商户订单支付失败需要生成新单号重新发起支付，要对原订单号调用关单，避免重复支付；系统下单后，用户支付超时，系统退出不再受理，避免用户继续，请调用关单接口。 注意：订单生成后不能马上调用关单接口，最短调用时间间隔为5分钟。接口

应用场景该接口提供所有微信支付订单的查询，商户可以通过查询订单接口主动查询订单状态，完成下一步的业务逻辑。 需要调用查询接口的情况： ◆ 当商户后台、网络、服务器等出现异常，商户系统最终未接收到支付通知； ◆ 调用支付接口后，返回系统错误或未知交易状态情况； ◆ 调用被扫支付API，返回USERPAYING的状态； ◆ 调用关单或撤销接口API之前，需确认支付状态；接口说明 这里如果已经

在《微信小程序开发(五)小程序支付》里的微信支付里有一个notify_url(https://www.hgdqdev.cn/api/wxpay)。notify_url是位置支付成功后的一个通知地址：接收微信支付异步通知回调地址，通知url必须为直接可访问的url，不能携带参数。 这里存在一个问题就是怎么获取微信通知过来的数据。支付结果通知文档。 具体实现 我的后台是node.js + ex

准确来说小程序的支付在上个月就已经做完了，只是那个时候项目原型和UI还没出来就没正式动工。现在项目快做完了，就有时间写博客了。 在做小程序支付希望你已经熟读微信的文档微信支付-小程序-手机端和微信支付-小程序-后台。且你已经有了 AppID: "wx****************", // 小程序ID Secret: "****************************

在小程序里面有两个地方获取用户的openid。 一个是wx.login(OBJECT),第二个是wx.getUserInfo(OBJECT)。 这里我使用的是第一种wx.login(OBJECT)。步骤 wx.login({ success: function(res) { if (res.code) { // 第一步： 获取code //发起网络请求 wx

最近在开发一个商城项目，其中有一块是评价，就像淘宝手机端的评价那样。首先看看我的页面结构。 就是一个页面可以多多个商品进行评价，每个写具体评价的位置是一个textarea。使用微信小程序开发公司调试是没有问题的，但是在手机端调试就有问题。 就是textarea不能跟随一起滚动。 微信小程序给了一些Bug和建议： 我这个界面底层并没有使用scroll-view,但是还是有问题。感觉

在之前的博客《Node.js+express+MySQL使用七牛云实现的用户头像修改》,已经实现了在MUI框架或者《 Ajax实现图片上传》。之前都是使用Node.js写的一个后台接口，就可以使用ajax上传了，在MUI框架中的mui.ajax其实还是ajax。在《Node.js+express+MySQL使用七牛云实现的用户头像修改》我已经详细的说了怎么配置七牛了，这里不再说明。准备工作配置upl

前提在准备微信小程序开发之前，希望你已经在微信·公众平台注册了小程序。微信小程序账号注册入口。获取小程序AppID1.微信·公众平台登录你的小程序账号； 2.设置–>开发设置–>开发者ID 获取小程序AppSecret1.微信·公众平台登录你的小程序账号； 2.设置–>开发设置–>开发者ID 配置服务器域名1.微信·公众平台登录你的小程序账号； 2.设置–>开

需求这个月，公司做了一个3.8女王节的活动。当时的需求是一个水果接龙的小游戏。比如，我发起了一条接龙，然后我把这个链接分享出去，A点击这个链接就可以看见我输入的水果，然后A再分享这个链接给B，B就可以看见我输入的水果，如果A输入了，B也可以看见A的信息，我点击分享的链接，我也可以看见A和B的输入内容(前提是A和B都输入了内容)。 这个就有点像我们在使用饿了么或者美团点外面后，我们分享红包，说点了那

流程关于流程，在上一篇中已经有图介绍: 微信文档微信JS-SDK说明文档JSSDK使用步骤首先确保已经获取了相关权限 步骤一：绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注：登录后可在“开发者中心”查看对应的接口权限。 步骤二：引入JS文件在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/op

流程用户扫码或者直接点击链接进入我们的入口页面；进入授权登录页面，用户点击授权登录按钮；微信会自动将我么的网页授权域名后增加参数；根据微信给的code去获取当前登录的微信用户的用户信息。具体操作过程1.配置网页授权域名 这里的域名设置只能设置一个，要求就按照微信的操作就可以。由于这个域名还是公司的，所以这里都马赛克处理了。 2.配置txt路径可以访问 我的项目目录： 微