分类归档

小程序

FWQ
小程序
java微信开发API微信自定义个性化菜单实现实例代码
这篇文章主要为大家详细介绍了java微信开发api第四步,自定义菜单以及个性化菜单实现 ,感兴趣的小伙伴们可以参考一下 微信如何实现自定义个性化菜单,下面为大家介绍 一、全局说明详细说明请参考前两篇文章。 二、本文说明本文分为五部分:    * 工具类AccessTokenUtils的封装    * 自定义菜单和个性化菜单文档的阅读解析    * 菜单JSON的分析以及构建对应bean    * 自定义菜单的实现    * 个性化菜单的实现微信自定义菜单所有类型菜单都给出演示本文结束会给出包括本文前四篇文章的所有演示源码 工具类AccessTokenUtils的封装在上文中关于AccessToken的获取和定时保存已经详细介绍过,此处直接给出处理过之后封装的AccessTokenUtils,实现原理以及文档阅读不再给出。AccessTokenUtils.java 立即学习“”; package com.gist.utils; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.URL; import javax.net.ssl.HttpsURLConnection; import com.gist.bean.Access_token; import com.google.gson.Gson; /**…
2024-11-25 阅读全文 →
FWQ
小程序
关于node.js实现微信支付退款的功能
这篇文章主要介绍了node.js实现支付退款功能,在微信开发中有有付款就会有退款,这样的功能非常常见,需要的朋友可以参考下 缘起 有付款就会有退款 注意,退款支持部分退款 左口袋的钱退到右口袋罗   这次发起的退款请求0.01元是实时到账的,因此,用户在小程序端发起的退款只是一个请求到后台,后台审核人员审核无误后才后微信发起退款操作。 引入第三方module 在package.json 中加入”weixin-pay”: “^1.1.7″这一条 代码目录结构   入参 { transaction_id: '4200000005201712165508745023', // 交易  out_trade_no: '5b97cba0ae164bd58dfe9e77891d3aaf', // 自己这头的交易号  out_refund_no: '6f3240c353934105be34eb9f2d364cec', // 退款订单,自己生成  total_fee: 1, // 退款总额  nonce_str: '1xSZW0op0KcdKoMYxnyxhEuF1fAQefhU', // 随机串  appid: 'wxff154ce14ad59a55', // 小程序 appid  mch_id: '1447716902', // 微信支付商户id  sign: '416FCB62F9B8F03C82E83052CC77524B' // 签名,weixin-pay这个module帮助生成 } 登录后复制 然后由wxpay为我们生成其余字段,比如nonce_str,sign,当然还少不了p12证书, 这个早选在wxpay初始代码里已经配置了,pfx: fs.readFileSync(__dirname + ‘/../../../cert/apiclient_cert.p12’),…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序图片选择区域实现裁剪功能方法教程
本文主要介绍了微信小程序图片选择区域屏裁剪实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 效果图 HTML代码 <view>  <view>  <view>开始裁剪</view>  <view>点击上传图片</view>  <view>点击确认</view>  </view>  <!-- 选择裁剪模式 -->  <view>  <view>   等屏裁剪  </view>  <view>   区域裁剪  </view>  </view>  <view>  <slider></slider>  </view>  <view>  <view>   <image></image>  </view>  <view>重新裁剪</view>…
2024-11-25 阅读全文 →
FWQ
小程序
怎样阻止微信小程序自动打开?
怎样阻止微信小程序自动打开? 阻止微信小程序自动打开的方法: 1.打开手机登陆微信后,找到并点击”我“; 2.页面跳转后在”我“中找到并点击”设置“; 3.接上一步,页面再次跳转,点击”通用“; 4.然后找到”发现页管理“,点击; 5.可以看到在发现页管理中有”打开/关闭发现页的入口“,包括朋友圈、扫一扫、小程序等; 6.点击小程序后面的类似胶囊的按钮,这样,微信小程序入口就关闭了; 7.在返回到微信”发现“菜单,微信小程序入口已经不显示了。 推荐教程:《》 以上就是怎样阻止微信小程序自动打开?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序中怎么进行父子组件传值和方法调用?(方法汇总)
小程序中怎么进行父子组件传值和方法调用?下面本篇文章给大家汇总分享一些微信小程序父子组件传值及方法调用的方法,希望对大家有所帮助! 自定义组件封装 注册一个 tab 组件 在 components 文件夹下,创建一个tabs文件夹,点击tabs右建就能看到一个新建compoent,点完一个新的组件就注册成功了。 组件使用 在需要使用该组件的页面的 json 页面上导入组件,在 wxml 下像 HTML 标签一样使用就好了。 <tabs></tabs> 登录后复制 什么是父组件,什么是子组件?父组件就是在页面中需要引入其他的组件的组件,而子组件就是引入的组件。父向子传递数值,是通过属性的方式来传值,而子向父传值还要通过方法的方式来传值。 父组件向子组件传值 父组件通过属性传值 <childele></childele> 登录后复制 登录后复制 登录后复制 子组件通过properties接收: properties: { childParams: { type: String }…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中图片处理(居中、铺满屏幕)
图片显示是小程序设计必须要经过的步骤,本人看到网上教学有限,现整理出自己设计过程中出现的问题,应该可以解决你遇到的问题。 用最后给的完整代码,按照我的步骤一定能调试出来,不行再联系我。 先给用到的代码以及效果图: 先给home.wxml程序: <view>   <image>   </image></view> 登录后复制 1.图片居中(屏幕顶部): //.wxss里的参数 .imagesize{  display:flex;                    //flex布局  justify-content: center;         //水平轴线居中 } .imagesize image {    width:400rpx;   height:400rpx; } 登录后复制 上面设置的图片尺寸,仅仅是为了方便看到实际的效果。 2.图片居中(中部,位置可调 →height 和 align-items) .imagesize{  display:flex;  height: 600px;                    //flex布局高度  justify-content: center;        …
2024-11-25 阅读全文 →
FWQ
小程序
浅谈微信小程序中引入并使用自带和外部图标的方法
本篇文章给大家介绍一下微信小程序中自带图标和外部图标的使用方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 相关学习推荐: 自带图标 <view class="container"> <view class="icon-box"> <icon class="icon-box-img" type="success" size="93"></icon> <view class="icon-box-ctn"> <view class="icon-box-title">成功</view> <view class="icon-box-desc">用于表示操作顺利完成</view> </view> </view> <view class="icon-box"> <icon class="icon-box-img" type="info" size="93"></icon> <view class="icon-box-ctn"> <view…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序支付的流程问题解析(代码解析)
本篇文章给大家带来的内容是关于微信小程序支付的流程问题解析(代码解析),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 这几天在做小程序的支付,没有用官方的SDK,这里就纯用官方的文档搞一发。 * 注:使用的PHP,不过支付流程都是这样 开发前必读 主要流程 小程序前端发送求参请求 接受请求封装 “统一下单” 获取package 小程序接受 “统一下单” 获取的package值带入wx.requestPayment发起支付请求 准备工具 申请小程序微信支付 拿到小程序微信支付的商户号及设置秘钥 注意:小程序就只需要这两步,如果是web的话还需要设置支付目录授权域名,文档里面也有写的:https://pay.weixin.qq.com/wik.. 统一下单 官方文档:https://pay.weixin.qq.com/wik… /** * 统一订单 */ public function unifiedorder(){ // 以下配置是必填项,如有其它需求请自行配置…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发之实现自定义Toast弹框
toast相信对于利用微信小程序开发的朋友们来说都不陌生,有时候官方的样式并不能满足业务要求,怎么办呢,当然有解决办法了。有一个插件可以直接帮我们完成wetoast,这篇文章主要给大家介绍了微信小程序开发之实现自定义toast弹框的相关资料,需要的朋友可以参考下。 前言 之前有篇文章是写的Toast使用,但是有时候官方的样式并不能满足业务要求,怎么办呢,当然有解决办法了。有一个插件可以直接帮我们完成,WeToast。 先来看一下效果图: 怎么用呢,我们来看一下: WeTaost插件源码位于src目录下,包含3个文件。 wetoast.js: 脚本代码 wetoast.wxml: 模板结构 wetoast.wxss: 样式 使用时只需要加入以上3个文件即可 第一步:在项目的app.js中引入wetoast.js,并注册到小程序上,小程序所有Page页面均可使用 //app.js let {WeToast} = require('src/wetoast.js') //注册小程序,接收一个Object参数 App({  WeToast }) 登录后复制 第二步:在项目的app.wxss中引入wetoast.wxss @import "src/wetoast.wxss"; 登录后复制 至于里面的样式,弹框大小,可自行修改。 第三步:引入WeToast模板 <import></import><!-- wetoast…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中数据的自定义分析过程
本篇文章给大家带来的内容是关于微信小程序中数据的自定义分析过程,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在小程序后台,微信已经提供了强大的数据分析功能,包括实时统计、访问分析、来源分析和用户画像功能,可以说对一般的数据分析已经完全足够了,但有时应用需要做一些更加精准的数据分析,比如具体到某一个页面的分享,页面中某一个button的点击等,这时候就需要用到自定义分析功能。 什么是自定义分析? 引用下官方文档: 自定义分析支持灵活多维和近实时的用户行为分析,可以通过自定义上报,对用户在小程序内的行为做精细化跟踪,满足页面访问等标准统计以外的个性化分析需求。 创建自定义事件 事件英文名称和事件中文名称按照说明要求填写,这两个名称都是唯一的,不能设置成已经设置过的,而且设置的时候尽量简洁、还要见名知意 配置方式有:填写配置、API上报。 配置模版:官方已经提供了一些自定义事件模版,直接使用就可以,包括有:进入页面、离开页面、小程序内分享,不过这些事件的分析粒度都比较粗,针对整个应用,可以自己修改只针对某一页 填写配置的方式支持以下几种统计触发器,有: click 点击时触发enterPage 进入页面时触发,包括新开、后退、切换到前台都属于进入页面leavePage 离开页面时触发,包括离开、切换到后台都属于离开页面pageLoad 新开页面时触发,即第一次进入页面pageUnload 回收页面时触发pullDownRefresh 下拉刷新时触发launch 加载小程序时触发background 切换到后台触发foreground 切换到前台触发share 右上角菜单分享switchTab 调用switchTab接口切换页面时触发 action指出发时的动作,一次性上报,表示在每一次 click 中,收集数据并上报一条数据;分步骤上报我也还没搞懂。 page指要触发该事件的页面,这里填写的内容必须要和app.json中配置的页面路径一样 data是选填的,是用来给事件触发时传递一些数据的,其中,字段值就是当前page的data中的数据名称 举个例子…
2024-11-25 阅读全文 →