分类归档

小程序

FWQ
小程序
微信小程序实现滚动加载数据的方法介绍
操作事件函数,主要是将请求下来的数据用concat方法进行合并,然后赋值,我是用的for循环假装添加的数据,实际项目中可以换成自己的ajax 需要用到的组件和api scroll-view(可滚动视图区域) wx.showToast(OBJECT)显示消息提示窗—-显示loading小菊花用的 需要用到的属性 scrol-view需要指定一个高度,这个高度可以按自己的需求计算,我使用的是屏幕可用高度并且默认一页显示6个 滚动到底部绑定需要触发的事件 操作事件函数,主要是将请求下来的数据用concat方法进行合并,然后赋值,我是用的for循环假装添加的数据,实际项目中可以换成自己的ajax,并且为了模拟加载我添加了一个1.5秒的定时器,先调用提示框api成功之后关闭 lower() { var result = this.data.res; var resArr = [];   //这里可以使用自己的ajax for (let i = 0; i = 100) { wx.showToast({ //期间为了显示效果可以添加一个过度的弹出框提示“加载中”  title: '我也是有底线的', icon: 'success', duration: 300 }); return false; } else { wx.showLoading({ //期间为了显示效果可以添加一个过度的弹出框提示“加载中”  title: '加载中', icon: 'loading', }); setTimeout(() => { this.setData({ res: cont });…
2024-11-25 阅读全文 →
FWQ
小程序
开发微信公众平台测试接口准备工作介绍
想要微信开发,首先要有个服务器,但是自己没有。这时候可以用花生壳,将内网映射到公网上,这样就可以在公网访问自己的网站了。 1.申请微信公众号 我们要进行微信公众平台的开发,第一步当然是要有公众号了。什么?不知道什么是微信公众号,看来你还要先回炉炼炼了,呵呵。通俗的说,我们微信平台就好像是一个大社会,里面有个体人,也有各种组织机构。你自己使用的普通微信号就是个体人,而公众号就是那些组织,这些组织又分为2类:一类是提供各种信息的,称为订阅号;另一种是提供各种服务的,称为服务号。当然,目前个人只能申请到订阅号,只有组织机构,比如公司等才能申请到服务号。 订阅号和服务号的区别在哪里呢?简单的说,服务号旨在为用户提供服务。你可以用你自己的微信加一下招商银行的微信号看看就知道什么是服务号了。订阅号旨在为用户提供信息和资讯。典型的例子有“XXX”微信号。 具体来说,服务号: 1个月(30天)内仅可以发送1条群发消息。 2、发给订阅用户(粉丝)的消息,会显示在对方的聊天列表中。 3、在给用户时,用户将收到即时的消息提醒。 4、服务号会在订阅用户(粉丝)的通讯录中。 5、可申请。 而订阅号: 1、每天(24小时内)可以发送1条群发消息。 2、发给订阅用户(粉丝)的消息,将会显示在对方的订阅号文件夹中。 3、在发送消息给订阅用户(粉丝)时,订阅用户不会收到即时消息提醒。 4、在订阅用户(粉丝)的通讯录中,订阅号将被放入订阅号文件夹中。 5、订阅号不支持申请自定义菜单。 通过这个比较大家大致有个直观的印象了吧,简单的说,订阅号主要是为粉丝提供各种资讯和新闻的,功能比较简单;而服务号呢,主要是为粉丝提供各种服务的,可以有自定义菜单。而且更重要的一点就是,服务号可以申请到更多的更高级的平台接口。到这里,大家就应该明白了,我们做微信商城,需要申请的是微信服务号。 对个人开发者,是申请不到服务号的,不过,腾讯还是考虑到了这一点,特意为我们准备了测试帐号,通过这个帐号,我们可以获得微信服务号的所有功能和接口调用权限。 好了,废话不多说了,接下来就跟着我一步一步的去申请微信测试帐号吧 打开申请地址:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 看到上方的说明了吗?无需公众帐号,快速申请接口测试号,直接体验和测试公众平台所有高级接口。很激动吧。只要你输入手机号和,马上就可以申请成功了,申请成功后如下图: 大家注意观察,这个测试号的有效期是1年,而且分配了微信号和二维码。现在就拿起你的手机微信扫描一下刚刚分配给你的二维码图案吧,你会发现马上就可以关注申请到的这个测试公众号了。 点击关注后,我们可以在订阅号里面找到这个公众号,大家请注意,虽然放在了订阅号里面,但是该测试号基本上可以调用微信平台所有的高级接口(见“可使用接口类别列表”),所以我们的这个测试号对我们是够用的。 2.微信公众平台开发基本原理 不知大家注意到没有,我们在第一节中的截图中,有个“网站接口配置”的配置项需要填写,其实这个就是微信平台和我们的网站对接的接口的url地址了。 我们来看这张图。其中左侧蓝色框内部就是微信平台,右侧红色框内部就是我们自己的网站所在的服务器咯。微信平台和网站服务器之间通过接口调用来通信。当微信用户向我们的公众号发生消息时(具体的消息类型以后介绍),微信后台服务器会判断该消息是否是发给我们申请的公众号,如果是,将该消息转发给我们的公众号并向我们配置的网站接口地址发送一个请求消息,我们的网站接受到消息后,进行处理,并将处理的结果(响应消息)发送给微信平台,经过平台的转发,最后显示到微信用户的聊天框。 这是一次典型的消息交互的过程,有了这个印象之后,我们就明白了,我们要做的工作的重点在于网站服务器端,也就是说:如何接受微信平台发送过来的请求消息,如何进行处理,最后如何返回处理结果给微信平台(图中绿色部分)。 3.服务器环境准备…
2024-11-25 阅读全文 →
FWQ
小程序
分享3款微信开发开源框架
下面向大家介绍的是开发项目里使用的3款基于的开发框架,相信一定对你的开发工作有所帮助。 微信(英文名:wechat)是腾讯公司于2011年1月21日推出的一个为智能终端提供即时通讯服务的免费应用程序,微信支持跨通信运营商、跨操作系统平台通过网络快速发送免费(需消耗少量网络流量)语音短信、视频、图片和文字,同时,也可以使用通过共享流媒体内容的资料和基于位置的社交插件“摇一摇”、“漂流瓶”、“朋友圈”、”公众平台“、”语音记事本“等服务插件。 微信提供公众平台、朋友圈、消息推送等功能,用户可以通过“摇一摇”、“号码”、“附近的人”、扫二维码方式添加好友和关注公众平台,同时微信将内容分享给好友以及将用户看到的精彩内容分享到微信朋友圈。 截至2013年11月注册用户量已经突破6亿,是亚洲地区最大用户群体的移动即时通讯软件。基于这么庞大的用户群体,针对微信公众平台的营销也随之而来,水涨船高的公众平台的二次开发也愈发的热门起来,今天我们就来具体探讨下几款值得推荐的微信开源框架。   1. Wechat-PHP-SDK   微信公众平台 PHP 开发包,细化各项操作,支持链式调用。   Github托管地址:dodgepudding/wechat-php-sdk   2. 微信公众平台 PHP SDK   简单的微信公众平台 PHP SDK ,通过调用相应的接口,使你可以轻松地开发微信 App 。   Github托管地址:netputer/wechat-php-sdk   3. Wechat-php   本微信SDK实现了被动响应的官方 已经主动给订阅用户,主动批量发送消息给订阅用户。   Github托管地址:ligboy/Wechat-php   非常强大的微信公众平台开发框架推荐中有官方和第三方开发者提供的丰富的插件,是免费并且成熟的框架,更多的信息可以点击这里: 【相关推荐】 1. 特别推荐: 2. 3.  以上就是分享3款开发开源框架的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序中保存网络图片的方法介绍(代码示例)
本篇文章给大家带来的内容是关于微信小程序中保存网络图片的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 该功能需要添加appid才能进行正常的测试。 在小程序的文档中我们得知,wx.saveImageToPhotosAlbum 是用来保存图片到相册的。 但是仔细一看会发现这个接口的filePath参数只接受临时文件路径或永久文件路径,不支持网络图片路径,意味着我们不能直接调用这个接口。。 因此先需要把该文件下载至本地,使用 wx.downloadFile 。 但值得注意的是小程序只可以跟指定的域名与进行网络通信,也就是说下载图片之前,我们需要先去微信公众者平台的开发设置里设置uploadFile合法域名。 示例代码如下: <!-- index.wxml --> <image class="qr-code" src="{{url}}" mode="aspectFill" /> <button class="text" bindtap="saveImage">保存图片</button> 登录后复制 // index.js const app = getApp()…
2024-11-25 阅读全文 →
FWQ
小程序
分享一个微信小程序页面传值小探
最近组里开发小程序,遇到了一个前端亘古不变的话题:页面传值刚开始使用路径传参解决,但是众所周知: 各浏览器HTTP Get请求URL最大长度并不相同,几类常用浏览器最大长度及超过最大长度后提交情况如下:IE6.0 :url最大长度2083个字符,超过最大长度后无法提交。IE7.0 :url最大长度2083个字符,超过最大长度后仍然能提交,但是只能传过去2083个字符。firefox 3.0.3 :url最大长度7764个字符,超过最大长度后无法提交。Opera 9.52 :url最大长度7648个字符,超过最大长度后无法提交。Google Chrome 2.0.168 :url最大长度7713个字符,超过最大长度后无法提交。 所以觉得不靠谱。研究了一下官网,发现有两种方式可以“比较优雅”地干这件事,当然不能和vuex/flux比。 使用全局变量在项目app.js中定义globalData App({  globalData:{  userInfo:'angeladaddy' } }); 登录后复制 在需要的地方使用: getGlobalVar:function(){  var that=this; that.setData({   globalvar_str:JSON.stringify(getApp().globalData) })  } 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
怎么实现微信公众号跳转到小程序
首先我们需要把微信公众号与小程序关联上,如下: (学习视频分享:) 1、菜单方式关联小程序    2、图文 把生成的图文当做消息发送给用户  用户点击图文进入页面,页面中就会出现进入小程序的文字/图片/小程序。 3、普通消息(关注自动回复消息),只支持文字 <a>小程序</a> 登录后复制 4、服务号、企业号认证后发送模板消息 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1433751277 因为只有个人订阅号,所以模板消息没尝试,但是官网给了教程。 相关推荐: 以上就是怎么实现微信公众号跳转到小程序的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
PHP微信开发之查询微信的示例代码
这篇文章主要为大家详细介绍了php微信开发之查询微信的示例代码的相关资料,感兴趣的小伙伴们可以参考一下 查询微信里的一些精选的,点击量比较大的文章。 别忘记申请apikey(登录百度账号即可获取),要完成的功能是: 1、用户回复”文章”,公众号要返回文章分类的编号(比如9、科技)。 2、用户回复wz9,1,腾讯     则能返回科技类文章中,关键词为“腾讯”的文章,并且显示第一页(wz9,2,腾讯则可以返回第二页,每一页返回的文章数量可以自定义,此处我放回7篇)。 详细步骤: 立即学习“”; 1、回复“文章”,返回所有文章分类的id。下面的代码是responseMsg方法里的一部分,觉得看得不明白的或者第一次接触微信开发的,可以参考我的文章:http://www.php.cn/    if(!empty($postStr)){         //解析post来的XML为一个对象$postObj    $postObj = simplexml_load_string($postStr, 'SimpleXMLElement', LIBXML_NOCDATA);       $fromUsername = $postObj-&gt;FromUserName; //请求消息的用户    $toUsername = $postObj-&gt;ToUserName; //"我"的公众号id    $keyword = trim($postObj-&gt;Content); //用户发送的消息内容    $time = time(); //时间戳    $msgtype = 'text'; //消息类型:文本    $textTpl = "<xml>       <tousername></tousername>       <fromusername></fromusername>       <createtime>%s</createtime>       <msgtype></msgtype>       <content></content>       </xml>"; 登录后复制 $which =…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序怎么发送模板消息
小程序怎么发送模板消息?微信小程序想要推送一个付款成功的提示消息,该怎么使用小程序发送模板消息呢?下面我们就来看看详细的教程,需要的朋友可以参考下 在小程序的运营中,推送消息给用户的功能是不可或缺的,商家需要对用户的一些行为作出反馈,比如支付完成后的支付成功的信息需要推送。商品已发货的提醒,预约成功的提醒。这里就结合[即速应用]这个小程序开发工具,和微信公众平台的小程序后台来具体操作一下,看看怎么使用模板消息的功能 1、进入咫尺管理后台,点击底部-模板消息,选择相应的模板名称可进行设置 2、选择待付款提醒,进入设置页面,上方模板ID方框需输入公众号平台小程序的模板ID 3、进入微信公众平台-登录小程序-模板消息-我的模板-添加 4、输入待付款提醒-搜索-选用 5、按照咫尺管理后台关键词顺序依次勾选设置,此处勾选单号-金额-下单时间,提交。 6、返回小程序模板消息,看到添加的待付款模板ID,复制。 7、进入咫尺管理后台,黏贴待付款模板ID,提交 8、返回咫尺管理后台-模板消息,选择已启用 9、模板消息——待付款提醒的手机预览(该设置可实现用户在下单半个小时内未付款,微信系统发送提醒) 10、 此外,还有订单支付成功/失败通知的提醒,以及预约成功的通知提醒。设置步骤类似,赶紧试试看吧。 以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网! 相关推荐: 以上就是小程序怎么发送模板消息的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发–input标签实例教程
这篇文章主要介绍了微信小程序中input标签详解及简单实例的相关资料,需要的朋友可以参考下 微信小程序中input标签详解及简单实例 使用input标签,我们都会,在微信小程序中使用,必定也是可以一下子就会的,但是却有些常用的属性无法按照习惯去使用:我就用我最常用的来做例子: 一个一个来解读: 首先,我是定义了他的id,这是我们最常用的,所以就配了一个id,毕竟不操作他,又为什么设成输入框呢,  第二,设置他的样式,  第三,设置他的输入类别,以上都是很简单的  第四。使用正则l;哎限定输入为纯数字。这点可能有点不理解,这是对他的keyup事件监听,将不是纯数字的list无视掉。注意,是对整个,不是经行筛选。  第五,限制他的输入最多6位数  第六输入事件监听。这是微信专属的,他的事件下面会给出  第七,设置当输入框为空的时候他的‘提示语'; 登录后复制 bindinput事件: bind,顾名思义是绑定,绑定input输入 事件如下:  tapevent:function(e){   // 减少的时候   if (e.target.id =="increase"){ this.data.tickets++; this.setData(this.data);   }   else {    this.data.tickets--;    this.setData(this.data);   }   // 在这里修改总额  }, 登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
小程序开发之列表的上拉加载和下拉刷新效果实现教程
微信小程序可谓是9月21号之后最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多App开发人员有了一个担心,微信小程序的到来会不会让移动端App颠覆,让移动端的程序员失业,身为一个Android开发者我是不相信的,即使有,那也是需要个一两年的过度和打磨才能实现的吧。 不管微信小程序是否能颠覆当今的移动开发格局,我们都要积极向上的心态去接收,去学习。不排斥新技术,所以,心动不如行动,赶紧先搭建一个微信小程序开发工具。那么接下来就让我们来开始学习列表的上拉加载和下拉刷新的实现吧(通过聚合数据平台获取微信新闻)。 1.介绍几个组件 1.1 scroll-view 组件 图片:1.jpg 注意:使用竖向滚动时,需要给一个固定高度,通过 WXSS 设置 height。 1.2 image组件 图片:2.jpg 注意:mode有12种模式,其中3种是缩放模式,9种是裁剪模式。 1.3 Icon组件 图片:3.jpg iconType: [ ‘success', ‘info', ‘warn', ‘waiting', ‘safe_success', ‘safe_warn', ‘success_circle', ‘success_no_circle', ‘waiting_circle', ‘circle', ‘download',  ‘info_circle', ‘cancel', ‘search', ‘clear'  ] 登录后复制 2.列表的上拉加载和下拉刷新的实现 2.1先来张效果图 图片:4.gif 2.2逻辑很简单,直接上代码 2.2.1 detail.wxml…
2024-11-25 阅读全文 →