小程序

前言 数据统计是我们经常使用的功能，我们一般在 pc 端使用的比较多，大多数用在管理系统中统计数据的分析，最近在做微信小程序的时候也遇到了相同的需求，把数据统计在小程序端以图表的形式展示，这里记录下自己的配置使用过程。 准备 首先百度的 echarts 没有提供小程序版本，这里找了个封装过可以用在微信端的仓库小程序版 echarts,通过这个链接下载最新的包。解压之后有个ec-canvas文件夹就是封装的组件，放到小程序的组件文件夹目录下，以供使 用。 <span style="display: block; background: url(https://my-wechat.mdnice.com/point.png); height: 30px; width: 100%; background-size: 40px; background-repeat: no-repeat; background-color: #282c34; margin-bottom: -7px; border-radius:…

实现分组开发与左滑功能先来看看今天的整体思路：进入分组管理页面–>点击新建分组新建进入到未分组页面基本操作进入到已建分组里面底部菜单栏操作–>从名片夹中添加进行操作。 理清完基本流程我们开始开发。首先整个布局可以先看下，我再一步步讲。 布号局后，我们开始实现新增分组效果，当然触发它出现的是 显示窗口 点击取消消失 当里面的输入框内容发生改变时 bindinput ，大家别使用 bindchange 事件，这里的 bindchange 事件只有当失去焦点时才会被触发。 当输入框事件发生时，确定会变成可以点击，为空时，addTeam 样式。 里面有表单就使用了 from。 创建分组请求交互。 创建分组完成，这里可能很多疑问，为什么不使用微信提供的模态框组件来实现，而是自己实现，其实我也很懒，非常想使用自带的模态框组件，但是发现在模态框里面提交表单好像有点麻烦，直接自定义了。接下来创建好的分组支持左滑与重命名，今天重点谈下左滑删除的实现方式。首先需要左滑的是被创建好的分组，未分组是写死的，故而不支持的。左滑删除使用了两个事件 bindtouchstart 与 bindtouchmove，这里必须绑定它的 id，这个 id 都是不同的，我这使用的用户创建完成后在后台生成的一个 id 号，之后我再 block 出来使用在这里，这个…

微信小程序已经推出很久了，最近开始有时间捣鼓一下，由于从来没有写过任何前端代码，所以这篇博文也是总结自己摸索调研的过程，希望对像我一样前端0经验的同学有所帮助。 1. 环境 小程序发布流程如下图: 小程序发布流程 1.1 微信认证 根据用户不同需求, 对注册要求也不同: 企业开发者, 有企业注册相关信息, 可负担500注册费用, 为了小程序能发布上线; 公司不给钱程序员, 有企业注册信息, 不想支付费用, 为了技术储备; 没钱瞎捣鼓程序员, 无企业注册相关信息, 不想支付费用, 为了技术储备; 类型1的用户, 首先需要一个非绑定个人帐号的邮箱在微信公众平台上注册, 注册步骤可参考官方文档，类型选择企业类型, 需要填写企业名称和营业执照注册号等. 由于运行到真机需要app id, 可选择微信支付的选项,…

验证消息的真实性在mvc controller所在项目中添加过滤器，在过滤器中重写public override void onactionexecuting(actionexecutingcontext filtercontext)方法新建数据模型注：服务器接收消息时，不再是signature而是msg_signature微信服务器推送消息到服务器的http请求报文示例post /cgi-bin/wxpush? msg_signature=477715d11cdb4164915debcba66cb864d751f3e6&timestamp=1409659813&nonce=1372623149 http/1.1host: qy.weixin.qq.com方法重写，实现对消息的验证调用微信接入时验证的方法，不过参数需要小改动一下，采用新建的数据模型在action方法或在co 1. 简介：验证消息的真实性在MVC Controller所在项目中添加过滤器，在过滤器中重写public override void OnActionExecuting(ActionExecutingContext filterContext)方法新建数据模型注：服务器接收消息时，不再是signature而是msg_signature微信服务器推送消息到服务器的HTTP请求报文示例POST /cgi-bin… 2. 简介：在上一篇的博文中讲到，微信的消息可以大体分为两种类型，一种是包括：文本，语音，图片等的普通消息，另一种就是本篇要将的事件类型。包括：关注/取消关注事件，扫描带参数二维码事件，上报地理位置事件，自定义菜单相关事件等。本篇一一进行讲解。上一篇也提到了，微信服务器在5秒内收不到响应会断掉连接，并且重新发起请求，总共重试三次。这样的话，问题就来了。有这样一个场景：当用户关注微信账号时，获取当前用户信息，然… 3. 简介：在上一篇的博文中讲到，微信的消息可以大体分为两种类型，一种是包括：文本，语音，图片等的普通消息，另一种就是本篇要将的事件类型。包括：关注/取消关注事件，扫描带参数二维码事件，上报地理位置事件，自定义菜单相关事件等。本篇一一进行讲解。上一篇也提到了，微信服务器在5秒内收不到响应会断掉连接，并且重新发起请求，总共重试三次。这样的话，问题就来了。有这样一个场景：当用户关注微信账号时，获取当前用户信息，然… 4. 简介：经常看到有点的小伙伴在群里问小程序用户数据解密流程，所以打算写一篇关于小程序用户敏感数据解密教程；加密过程微信服务器完成，解密过程在小程序和自身服务器完成，即由 encryptData 得到如下数据:{    “openId”: “OPENID”,    & 5. 简介：经常看到有点的小伙伴在群里问小程序用户数据解密流程，所以打算写一篇关于小程序用户敏感数据解密教程；…

微信小程序怎么注册一个新的页面     1、打开一个小程序项目之后便可以看到有这个pages文件夹，pages文件夹下都是一个个小程序页面。 2、点击这个app.json文件开始创建一个小程序空白页面。 3、这里可以看到有一个pages数组，它里面所存放的就是一个个页面的名称 4、添加一个show页面，两个show分别代表show文件夹和show.js文件 5、保存上面的app.json文件即可自动生成show页面的相关文件。 这样，一个新的页面就注册好了。 PHP中文网，大量，欢迎学习！ 以上就是微信小程序怎么注册一个新的页面的详细内容，更多请关注米云其它相关文章！

本文主要和大家分享微信小程序live-pusher那些坑，最近在做用微信小程序实现实时通话，一个页面同时使用了live-pusher和live-player。中途踩了许多坑，在这里做一下总结，希望能帮到大家。 1问题：Live-player播着播着没声音了 原因：对live-pusher进行start, stop,resume等操作时，会停止所有正在播放的live-player的声音。（暂时没发现调用live-pusher的pause会引起这个问题。） 两种解决方案： 一种是避免在live-player播放后操作live-pusher。比如进页面直接开启live-pusher，然后不再操作。官方DEMO就是使用这种方案。 第二种，则是每次操作live-pusher后，都重新调用live-player的play操作（感觉需要短暂的延迟调用）。不过这会引起正在播放的live-player音视频的短暂中断，体验不是太好，所以业务许可的话，第一种更推荐。 2问题：Live-pusher调用start之后，随机出现，返回成功，却并没有视频显示 原因：这种情况下，并不会收到OnPush回调。感觉是跟页面标签的初始化，URL的设置，以及start的调用时机等有关。 解决方案： 在OnLoad的时候，就把标签的Url设置好。wx.createLivePusherContext的调用则要放在onReady之后。如果不能一开始设置好Url,可以在wxml里，用wx:if控制live-pusher标签等到url设置好了再有。 3问题：enable-camera属性似乎无效 解决方案：bool类型的属性，正确写法应该是这样的：[enable-camera=”{{enable}}” ] 4问题：调用live-pusher的start之后，没有调用传入的成功，失败，完成的任何回调，没有出现视频 原因：在某次测试中，弹出摄像头的权限申请的时候，拒绝了。这个设置跟微信账号绑定，出现某个微信账号必现失败的时候，可能是这种情况。 解决方案：在微信里，点 发现->小程序，在里面删掉你的应用，重新扫码进入，会重新弹出权限申请，同意即可。 5问题：用wxml用wx:for把一个数组和一组live-player绑定时，多次修改数组内容，界面上的live-player多出一个来。而多次测试，确定数组内容正确 原因：这是我觉得最神奇的一个BUG，也很难清楚的描述到底出现了啥，不过好在找到了解决方法。 解决方案：在.json文件里，加上‘”usingComponents”: {}’这一句就可以。 6问题：iPad版微信扫描小程序二维码无效 原因：小程序目前只支持手机。 7问题:live-pusher出现红色报错，说渲染失败，access denied 原因:live-pusher目前只对部分品类的应用开放，且需要在网站设置。设置完如果还不行，尝试下删除小程序重装，退出微信等，会成功的。 总结上面这些问题的解决，觉得最重要的是耐心与细致。…

这篇文章主要为大家详细了php微信开发接入方法，通过检验signature对请求进行校验，感兴趣的小伙伴们可以参考一下 微信，想必大家都不陌生，像支付宝一样在悄悄的改变大家的生活方式。伴随着这种新的生活方式，越来越多的微也开始进入我们的生活，我们可以使用微信信用卡帐单、还款、支付，在最近的一次微信合作伙伴大会上，腾讯向公众服务号开放支付功能与九大高级，透过这些接口，开发者可以实现使用利用微信摇控电视、冰箱、洗衣机甚至电饭煲，使用微信的微支付功能，还能方便地在线购买电影票、手机充值、收看互联网电视付费节目等。 下面，就我个人的了解，简单讲述一下微信开发的第一步，如何与微信服务器对接。 想要涉足微信开发，第一步就是要申请一个微信公众号。公众号分为服务号和订阅号。服务号，故名思义，主要是对用户提供服务的，一般是企业或是服务行业用的比较多，功能相对订阅号要强大一些，可以自用户菜单；但也有不方便的地方，就是服务号一个月只允许发送一条群消息。订阅号，主要是提供信息和资讯，一般是媒体用的比较多，功能相对服务号要弱一些，但可以每天发送一条群消息。以下的讲述，都是以服务号为基础。 微信公众号申请好之后，我们还需要一个对外的WEB服务器，方便和微信服务器进行数据交互。这一步我就不细讲了，百度和新浪都提供这个服务。 立即学习“”； 登录微信公众平台，在左侧的菜单中选择“功能”–> “高级功能”， 微信为我们提供了两种“”和“开发模式”，这两种模式互斥，即如果开启了“编辑模式”，则需要将“开发模式”关闭，反之亦然。“编辑模式”又称傻瓜模式，开发者可以直接在平台上定义菜单，设置自动回复等功能。这里定义的菜单功能比较弱，用户点击后，只能够回复信息或是打开一个网页，如果需要根据用户点击的菜单做一些其他动作，则需要使用到“开发模式”。 使用”开发模式“的前提是您必须申请成为开发者。          第一步需要指定接收微信服务器数据的URL，同时还需要指定一个TOKEN（由开发者任意填写，用于生成签名），用于接入时的验证。          第二步要验证您指定的URL的有效性，微信服务器会像您指定的URL发送一个GET请求，该请求携带四个参数。 开发者通过检验signature对请求进行校验。若确认此次GET请求来自微信服务器，请原样返回str参数内容，则接入生效，成为开发者成功，否则接入失败。  PHP检验代码如下。  <?php $wechatObj = new wechatCallbackAPI(); $wechatObj->valid();    class wechatCallbackAPI {     private $token = "WEIXIN";     private $appId = "APPID";     private $appSecret = "APPSECRET";          private function checkSignature() {…

大众点评+ 主要页面一览 小程序以上特征要求我们只为用户提供核心服务，且从产品到技术，都必须围绕「简约」二字做文章。因此，结合大众点评业务场景，最终在「大众点评+」中，我们主要提供以下两种基础服务： 快速找店：通过搜索、分类列表和推荐三种形式，让用户快速找到商户，并提供包括定位、电话、点评、菜品等商户信息，帮助用户做出决策 购买团购：为用户推荐团购商品并实现交易闭环，帮助用户获得实惠 产品层面足够精简，我们再来看看技术层面如何做到简约。 我们先看下项目之初开发同学的困惑： 小程序是个新鲜事物，参与开发的同事普遍对开发流程和运行原理知之甚少 在不知道小程序有多少坑的前提下，我们还是要保证在小程序开放前完成全部基础功能的开发，存在着不少风险 小程序的接口稳定性和丰富程度、安全性、连接速度等究竟如何 对于任何新生的应用场景，开发环境、工具和框架不够完善都可以理解，但如何才能既保证开发过程的简单又提供一定的规范和工程化能力?为此，在遵从小程序基本框架的前提下，我们做了如下技术选型和简单封装： 项目区分开发目录和构建目录，在开发目录中进行开发，再通过 gulp 对开发目录进行构建(主要处理压缩等基本功能)，构建目录才是小程序真正的运行代码 引入 npm 的 package.json，解决开发依赖的管理、请求接口的版本化管理，但不使用任何 npm 包(只复制一份 promise 实现) 只使用 ES6 语法，配合 eslint，快速检查基本 JS 错误，(现阶段小程序报错提示不够友好，部分错误由…

微信公众平台服务号开放了自定义菜单API，本案例介绍C#开发微信公众号自定义菜单功能。在此基础上可以开发更完善的自定义菜单管理功能 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="cm.aspx.cs" Inherits="guotaotao_weixin.cm" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>test</title> </head> <body> <form id="form1"…

微信接口主要用到微信授权登录接口、微信jssdk分享接口、微信支付接口。首先看一下传说中的微信api接口文档吧，官网中说到使用微信接口必须需要一个认证的服务号、没有的情况下可以申请一个测试账号体验一下但不能宣传推广 在关于网页授权回调域名的说明文档写的比较清楚，在不用第三方平台的情况下，需要配置一下项目需要获取微信用户信息的路径，一二…..级域名都可以。具体的更多接口内容可以参考微信官方文档。我们这里主要是谈论php微信接口类，为了帮助朋友们更好的进行php微信开发，米云提供了10个常用且有价值的微信接口类，供朋友们下载参考。（ps：更多的微信接口类资源请关注 米云微信接口类）1. php实现微信公众平台账号自定义菜单类库微信公众平台服务号可申请自定义菜单了,其它的号暂时不支持自定义菜单了,这个不但可以使用api来操作,还可以直接在后台定义菜单与参数 1. 简介：微信接口主要用到微信授权登录接口、微信JSSDK分享接口、微信支付接口。首先看一下传说中的微信API接口文档吧，官网中说到使用微信接口必须需要一个认证的服务号、没有的情况下可以申请一个测试账号体验一下但不能宣传推广 在关于网页授权回调域名的说明文档写的比较清楚，在不用第三方平台的情况下，需要配置一下项目需要获取微信用户信息的路径，一二…..级域名都可以。具体的更多接口内容可以参考微信官方文档。… 2. 简介：接收普通消息  当普通微信用户向公众账号发消息时，微信服务器将POST消息的XML数据包到开发者填写的URL上。 3. 简介：接收普通消息  当普通微信用户向公众账号发消息时，微信服务器将POST消息的XML数据包到开发者填写的URL上。 4. 简介：接收普通消息  当普通微信用户向公众账号发消息时，微信服务器将POST消息的XML数据包到开发者填写的URL上。 5. 简介：当普通微信用户向公众账号发消息时，微信服务器将POST消息的XML数据包到开发者填写的URL上。 6. 简介：当普通微信用户向公众账号发消息时，微信服务器将POST消息的XML数据包到开发者填写的URL上。  请注意： 7. 简介：用户点击自定义菜单后，微信会把点击事件推送给开发者，请注意，点击菜单弹出子菜单，不会产生上报。请注意，第3个到第8个的所有事件，仅支持微信iPhone5.4.1以上版本，和Android5.4以上版本的微信用户，旧版本微信用户点击后将没有回应，开发者也不能正常接收到事件推送。 8. 简介：微信公众平台是运营者通过公众号为微信用户提供资讯和服务的平台，而公众平台开发接口则是提供服务的基础，开发者在公众平台网站中创建公众号、获取接口权限后，可以通过阅读本接口文档来帮助开发。 9. 简介：ibco是微信后台大规模使用的c/c++协程库，2013年至今稳定运行在微信后台的数万台机器上。libco在2013年的时候作为腾讯六大开源项目首次开源，我们最近做了一次较大的更新，同步更新在github.com/tencent/libco 上。libco支持后台敏捷的同步风格编程模式，同时提供系统的高并发能力。 10. 简介：这篇文章主要为大家详细介绍了Java微信公众平台开发第十二步，微信用户信息的获取，具有一定的参考价值，感兴趣的小伙伴们可以参考一下…