分类归档

小程序

FWQ
小程序
微信小程序调用图片安全API
微信小程序审核拒绝,拒绝原因是用户上传图片可能存在违法违规问题,程序必须有审核机制。解决方法如下(云开发):config.json { "permissions": { "openapi": [ "security.imgSecCheck" ] } } 登录后复制 云函数 const cloud = require('wx-server-sdk') cloud.init() exports.main = async (event, context) => { const { value }…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实现左滑删除效果代码展示
今天我们说下微信小程序左滑删除效果的实现,现在市场上很多app都在使用这个效果,一个listview页面,向左滑动一条item时,右侧会出现一个删除或者其他的选项,用户体验非常好,操作起来十分方便,今天我们使用微信小程序来实现这个效果……. 先看效果 要实现的效果: 1,当向左滑动时,item跟随手指像左移动,同时右侧出现两个可点击的按钮 2,当滑动距离大于按钮宽度一半松开手指时,item自动滑动到左侧显示出按钮,小于一半时item自动回到原来的位置,隐藏按钮。 思路: 1,首先页面每个item分为上下两层,上面一层放置正常内容,下面一层放置左滑显示出的按钮,这个可以使用z-index来实现分层。2,item上层使用绝对定位,我们操纵 left 属性的值来实现像左移动。 3,我们通过微信小程序api提供的touch对象和3个有关手指触摸的函数(touchstart,touchmove,touchend)来实现item随手指移动。 由于比较简单,所以直接上代码了,详细的讲解都在代码的注释中,首先看下页面的布局 <!--这是一个item的代码> <view class="address-item" wx:for="pw_addressList" > <!--这里绑定了刚才说的3个函数分别为 touchS,touchM touchE-->   <!--这里注意这个 style="pw_item.txtStyle" ,这是我们一会再js中 将要设置的样式 -->     <view>      <!--中间无关的代码已被我删除-->     </view>      <!--这里是左滑按钮部分----start-->…
2024-11-25 阅读全文 →
FWQ
小程序
接收微信服务器post消息体的java代码示例
这篇文章主要为大家详细介绍了java微信公众平台开发第二步,微信服务器post消息体的接收,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 在上一篇的文章中我们详细讲述了如何将我们的应用服务器和微信腾讯服务器之间的对接操作,最后接入成功,不知道你有没有发现在上一篇的【controller】中我定义了一个get方法和一个post方法,但是在使用过程中我们就用了get方法,这里我们就来说说我们预留的post的方法的使用! 当我们在完成了服务器验证之后,此后用户每次向公众号发送消息、或者产生自定义菜单点击事件时,开发者填写的服务器配置URL将得到微信服务器推送过来的消息和事件,然后开发者可以依据自身业务逻辑进行响应,例如回复消息等!通过这句话我们能知道后面所有的微信服务器和我们应用服务器之间的沟通都是通过post消息体来完成的,那么我们这里将讲述如何接受微信post的消息体! (一)消息类型和消息格式 上面有说道我们所有的和微信服务器之间进行沟通基本都是通过post消息体完成的,首先我们了解下消息体的类型,大致类型有两种: 立即学习“”; 普通消息类型:文本消息、图片消息、语音消息、视频消息、小视频消息、地理位置消息、链接消息 事件消息类型:关注/取消关注事件、扫描带参数二维码事件、上报地理位置事件、自定义菜单事件、点击菜单拉取消息时的事件推送、点击菜单跳转链接时的事件推送消息类型:微信服务端推送的所有消息体的类型格式都是xml格式; (二)消息重试机制 微信服务器在五秒内收不到响应会断掉连接,并且重新发起请求,总共重试三次。假如服务器无法保证在五秒内处理并回复,可以直接回复空串,微信服务器不会对此作任何处理,并且不会发起重试,但是这里后期可以使用【客服消息接口】去完成消息再次推送。 (三)消息接收处理 在前面我们有说道微信的消息体是采用xml格式,那么我在这里写了一个MessageUtil去做消息格式的处理,大致代码如下: package com.cuiyongzhi.wechat.util; import java.io.InputStream; import java.io.Writer; import java.util.HashMap; import java.util.List; import java.util.Map; import javax.servlet.http.HttpServletRequest;   import org.dom4j.Document; import org.dom4j.Element; import org.dom4j.io.SAXReader;   import com.thoughtworks.xstream.XStream; import com.thoughtworks.xstream.core.util.QuickWriter; import com.thoughtworks.xstream.io.HierarchicalStreamWriter; import com.thoughtworks.xstream.io.xml.PrettyPrintWriter;…
2024-11-25 阅读全文 →
FWQ
小程序
图文详解微信公众平台开发微信服务器IP接口实例(附代码)
本文主要介绍了图文详解微信公众平台开发微信服务器ip接口实例(附代码),具有很好的参考价值。下面跟着小编一起来看下吧 学习了access_token的获取及应用后,正式的使用access_token调用下其他微信公众平台的接口,加深认识与使用方法。 一、获取微信服务器IP地址实例 (一)接口介绍 如果公众号基于安全等考虑,需要获知微信服务器的IP地址列表,以便进行相关限制,可以通过该接口获得微信服务器IP地址列表或者IP网段信息。 (二)实例调用 接口说明 http请求方式:GET 接口调用地址: api.weixin.qq.com/cgi-bin/getcallbackip?access_token=ACCESS_TOKEN 说明,如表所示: 参数 是否必须 说明 access_token 是 公众号的access_token 返回说明: 正常情况下,微信会返回数据包给公众号,如图所示: 返回信息参数说明,如表所示: 参数 说明 ip_list 微信服务器IP地址列表 代码: <?php /* *获取微信服务器IP地址…
2024-11-25 阅读全文 →
FWQ
小程序
如何找回老的微信头像?
步骤:1、打开微信,点击“添加好友”;2、在输入框中输入“recover”,点击“搜索”;3、点击“操作记录”,再点击“确定”;4、强制关闭,重新登录微信即可。 步骤如下: 1、首先在我们的手机桌面上找到并点击它,接着点击添加朋友。 2.然后在输入框中输入:recover并点击屏幕右下角的搜索。 3.接着点击操作记录。 4.然后点击确定。 5.最后点击强制关闭并重新登陆微信就可以了。这样就解决了找回微信丢失头像的问题了。 推荐教程:《》 以上就是如何找回老的头像?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信获取地理位置的图文详解
 一位中年男子因和老婆吵架,老婆一气之下离家出走,电话不接,每天发微信也不回,他想通过微信知道老婆在哪。 一位阔太太的老公说在外应酬生意,经常很晚才回来,太太想通过微信知道老公当时到底在哪里,她担心他在外面养了人。 一位年轻的美女为变心不理他的初恋男友付出了很多宝贵的东西,她她不想放弃这段感情,想通过微信定位对方位置,然后去找他。 这是我们曾经碰到的三个真实场景。 1. 关注“方倍工作室”微信公众账号,回复“123”获得定位型漂流瓶创建链接。   2. 选择自己隐私选项,对方信息获取选项,填写信件内容,选择漂流瓶有效时间。   3. 提交订单,确认付款   4. 支付成功后,将收到方倍工作室发来的漂流瓶链接地址。 5. 打开地址,将弹出是否允许公众账号获得地址。 6. 只有“允许”后才能打开漂流瓶,查看到信件内容。以下是显示和不显示自己隐私的信件图。   7. 将其分享给好友或分享到朋友圈,是以下是显示和不显示自己隐私的分享图。   8. 对方打开该信件时,将显示步骤5和步骤6中的页面。 漂流瓶创建者同时收到打开者的位置信息。如图所示,点击个人头像还可以在上看到位置。 说明:实际地址与真实地址有一定误差,范围在几十米到数百米左右,这是由手机本身决定的。软件无法控制。   …
2024-11-25 阅读全文 →
FWQ
小程序
ES6新特性开发微信小程序(10)
可子类化的内建对象(Subclassable Built-ins) 在ES6中,像Array,Date和Dom元素这样的内建对象都可以被子类化。 通过子类工厂实现简单的合成器(Simple mixins via subclass factories) mixin在javascript里可以看作是一种从别的对象”借用”功能的方法。每一个新定义的对象都有一个 prototype属性,其他的对象就可以从这里”借用”功能。这里的功能可以是一个属性,也可以是一个方法。 Mixin支持在一个系统中降解功能的重复性,增加功能的重用性。在一些应用程序也许需要在所有的对象实体共享行为的地方,我们能够通过在一个Mixin中维护这个共享的功能,来很容易的避免任何重复,而因此专注于只实现我们系统中真正彼此不同的功能。 在 ES6 中,我们可以采用全新的基于类继承的 “mixin” 模式设计更优雅的“语义化”接口,这是因为 ES6 中的 extends 可以继承动态构造的类,这一点和其他的静态声明类的编程语言不同。当 ES6 类继承另一个类,被继承的类可以是通过任意表达式创建的动态类。这个特性可以允许实现一种合成器模式,用一个函数来将一个类 C 映射到一个新的继承了C的类。 mixin 式继承的基本形式: 用 mixin…
2024-11-25 阅读全文 →
FWQ
小程序
分享Echarts在Taro微信小程序开发中的踩坑记录
栏目介绍Echarts在Taro微信小程序开发中的踩坑记录。 背景 近期笔者在使用Taro进行微信小程序开发,当引入Echarts图表库时,微信检测单包超限2M的一系列优化措施的踩坑记录,期望能指导读者少走一些弯路。 为什么选择Echarts? 微信小程序目录市面上使用最多的两款图表库,如下: echarts-for-weixin——echarts微信小程序版本 wx-charts——基于微信小程序的图表库 对比两款图表库优缺点刚好相反。 echarts-for-weixin:功能强大,但体积非常大 wx-charts:功能相对简单,但体积小 由于笔者对echarts使用较熟悉,且需求图表需要支持的部分功能wx-charts不支持,所以最终选择使用echarts-for-weixin,踩坑之旅就此开始。 单包超过2M,如何处理? 笔者引入echarts-for-weixin,快乐的做完需求,准备上传代码发布微信小程序体验版,坑就此开始… 当单包超过2M上限,则上传代码出现异常,出现上面弹窗提示。 微信小程序官方要求,单包不超过2M,整包不超过16M 遇到单包超过2M,优化方案有如下两种: 微信分包加载subpackages 单包体积优化(缩减代码、压缩、静态资源CDN等等) 由于笔者本次开发需求属于新功能,所以把新功能模块采用独立的分包路由加载,但分包后,还是出现单包超过2M的限制。 经过分析发现业务模块引用的echarts组件,会被Taro打包到common.js模块,导致所有的分包模块都会重复计算echarts的size,导致旧分包模块超过2M的限制。 为什么echarts-for-weixin会被打包到common.js模块? 原因是echarts被echarts-for-weixin组件和外部业务组件所依赖,导致Taro认为echarts.js被多个模块所依赖,所以打包到common.js。 为了解决此问题,采用splitChunks打包配置,将echarts单独模块打包,然后在对应的依赖页面(addChunkPages)注入依赖,配置如下: // echartChunkName echarts打包后的输出路径 mini: {…
2024-11-25 阅读全文 →
FWQ
小程序
小程序框架如何选择
导语: 从小程序开始内测一直到现在,各个公司对小程序业务的开发需求越来越大。开发者在使用原生去开发小程序时很难受,尤其是遇上业务比较复杂的项目,如果仍然使用原生开发,会变得很难去管理和迭代。 (学习视频分享:) 使用原生开发的问题: 小程序本身不支持常用的css预编译器 不支持ES7以上的高级语法,如async await等特性; 不支持工程化,如环境、变量等管理 缺少统一的request拦截请求 缺少统一的本地缓存读取管理 使用框架可以解决的问题: 支持css预编译器 支持ES7以上语法 支持工程化 大部分框架支持多端,一套代码多端复用 框架介绍与对比 Wepy WePY (发音: /’wepi/)是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效 Mpvue mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序主要是干什么的
微信小程序主要是干什么的? 微信小程序,小程序的一种,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。 全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。 微信小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发,与我们一起共同发力推动微信小程序的发展,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。  2017年1月9日,张小龙在2017微信公开课Pro上发布的微信小程序正式上线。 2018年2月,微信官方发布公告称:已对涉及假货高仿、色情低俗和违规“现金贷”等超过2000个微信小程序,进行永久封禁处理。 2019年8月9日,微信向开发者发布新能力公测与更新公告,微信PC版新版本中,支持打开聊天中分享的微信小程序。 以上就是微信小程序主要是干什么的的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →