页面整体框架实现,实现小功能,循环出数据,整体代码是上一篇 vue+node.js+webpack开发微信公众号功能填坑--组件按需引入 修改部门代码 app.vue <yd-flexbox> <yd-flexbox-item>能耗排行</yd-flexbox-item> <yd-flexbox-item>房间号</yd-flexbox-item> <yd-flexbox-item>能耗程度</yd-flexbox-item&g…

初次开发微信公众号,整体框架是经理搭建,小喽喽只是实现部分功能,整体页面效果 整个页面使用两个组件:布局 FlexBox,搜索框 Search,demo文档 http://vue.ydui.org/docs/#/quickstart app.vue <template> <div id="powerrank"> <yd-flexbox> <yd-flexbox-item><span style="font-size: 16…

本人也是在学习过程中,所以文章只作为学习笔记,如果能帮到你,那就更好啦~当然也难免会有错误,请不吝指出~ 一.准备工作 1.本人学习教程:慕课网Scott老师的<Node.js七天搞定微信公众号> ,但是有点小贵,经济条件允许的话可以支持一下. 2.文档:微信开发官方文档,必备.https://mp.weixin.qq.com/wiki 3.微信开发测试号:测试公众号,必备.https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/log…

微信公众号中的事件有订阅事件/扫码事件/点击事件/跳转链接事件等等,具体可以查阅文档. 这里来实现一下订阅事件,其他的事件的实现过程也都类似. 当有人订阅了公众号后,微信服务器会向我们的服务器推送一个事件,这个事件是XML格式的数据包. 一.我们在index路由下实现post事件的响应. 可以理解为当微信向我们的服务器推送消息时,消息就会先走到这里. /routes/index.js加入: router.post('/', index_middleware.post(config.wechat)…

响应输入文本和响应事件类似,首先对微信服务器发送来的数据的MsgType进行处理,如果是text,说明是文本,接下来可以对文本内容进行处理,比如用户输入了1,可以给用户回复一个文本或者图文或者视频等信息. 因为这个跟响应事件类似,所以其他逻辑不用更改,只需要改下autoReply. /wechat/autoReplay.js在if后添加: else if (message.MsgType === 'text') { var content = message.Content; if (conte…

原文发表于本人博客,点击进入使用vue开发微信公众号下SPA站点的填坑之旅 本文为我创业过程中,开发项目的填坑之旅.作为一个技术宅男,我的项目是做一个微信公众号,前后端全部自己搞定,不浪费国家一分钱^_^. 我决定实现如下功能 架构上,实现前后端分离.方便以后前后端的分工 考虑到体验,前端做成SPA站点,也就是单页面应用 需要使用微信的JSSDK 需要有微信支付功能 作为一个偏后端的半专业前端人士,经过一两周的调研和学习后, 我决定使用如下技术 后端使用php搭建接口,本文主要讲前端,不细说 w…

初次开发微信公众号遇到很多问题,可能是基础不怎么牢靠,最近几天一直在看vue的东西,现在就来慢慢介绍vux和vue这个骚东西的用法: 细看文档一步步来, npm install vux --save 安装vux这个ui框架, vux2必须配合vux-loader使用, 请在build/webpack.base.conf.js里参照如下代码进行配置: const vuxLoader = require('vux-loader') const webpackConfig = originalConf…

最近公司有一个项目,使用Vue开发微信公众号,开发过程遇到一个问题,即设计图的整体背景是白色的,但是公众号里默认的背景是浅灰色,如果某个页面高度没能占满一屏,就会露出浅灰色的默认背景,会显得很不协调. 使用单纯的CSS没能解决这个问题,在网上查了些资料也没发现特别好的方法,最后还是采用了JS解决这个问题. document.documentElement.style.backgroundColor = "#fff"; this.screenH = window.screen.avail…

由于工作项目的原因,需要使用vue开发微信公众号,但是这种微信公众号更多是将APP套了一个微信的壳子,除了前面的授权和微信有关系以外,其他的都和微信没多大的关系了,特此记录 开发流程 首先需要在电脑上安装微信web开发者工具和花生壳(内网穿透),然后有一个微信公众平台的账号 第一步: 下载安装花生壳,点击内网穿透 然后会在浏览器中打开下面这个界面 这里需要注意的是外网访问地址和内网主机地址. 第二步: 登录微信公众平台后,滚动页面到最下面,点击开发下面的开发者工具. 然后选择公众平台测试账号,会…

api来之图灵机器人.我们都知道微信公众号可以有自动回复,我们先用python脚本编写一个简单的自动回复的脚本,利用图灵机器人的api. http://www.tuling123.com/help/h_cent_webapi.jhtml?nav=doc 这是api提供的接口的数据格式,有了这个我们来开发微信公众号的自动回复是很简单的(自己拓展). 代码如下: # coding=utf-8 import json,urllib def zidonghuifu(content): url='http…

PHP开发微信公众号:配置和部署服务器及Token认证 https://zhuanlan.zhihu.com/p/28259840…

要开发微信公众号,首先进行需要注册一个,然后认证.这就不用多说了. 当然如果没有,也可以去申请一个测试号来使用,地址:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 申请成功后,你会得到一个appID 和 appsecret,这个就相当于你的开发者账号和密码. 开发模式如下图: 1.Access_Token的获取 对于这个access_token就是一个访问标识,其实不用想得太高深,它就好比是你进图书馆需要的图书卡:…

获取access_token是微信api最重要的一个部分,因为调用其他api很多都需要用到access_token.比如自定义菜单接口.客服接口.获取用户信息接口.用户分组接口.群发接口等在请求的时候都需要用到access_token. (一)access_token的介绍 access_token是公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用access_token.开发者需要进行妥善保存.access_token的存储至少要保留512个字符空间.access_token的有效期目…

在前几节文章中我们讲述了微信公众号环境的搭建.如何接入微信公众平台.以及微信服务器请求消息,响应消息,事件消息以及工具处理类的封装:接下来我们重点说一下-微信服务器post消息体的接收及消息的处理,这个post方法定义在如何接入微信公众平台的[controller]中. /** * 接收微信消息处理并做分发 * @param request * @param response * @throws Exception */ @RequestMapping(method=RequestMethod.…

在前面几篇文章我们讲了微信公众号环境的配置 和微信公众号服务的接入,接下来我们来说一下微信服务器请求消息,响应消息以及事件消息的相关内容,首先我们来分析一下消息类型和返回xml格式及实体类的封装. (一)封装请求信息 首先打开微信提供的开发者文档:http://mp.weixin.qq.com/wiki/home/ ,点击左侧的“消息管理”----“接收普通消息”,在右侧我们可以看到微信普通消息类型大致有:文本消息.图片消息.语音消息.视频消息.小视频消息.地理位置消息.链接消息:通过查看开发者…

接入微信公众平台开发,开发者需要按照如下步骤完成: 1.填写服务器配置 2.验证服务器地址的有效性 3.依据接口文档实现业务逻辑 资料准备: 1.一个可以访问的外网,即80的访问端口,因为微信公众号接口只支持80接口.(环境配置) 2.申请一个微信公众号测试账号. 3.编写Java基本代码. 验证服务器地址的有效性 开发者提交信息后,微信服务器将发送GET请求到填写的服务器地址URL上,GET请求携带四个参数: 参数 描述 signature 微信加密签名,signature结合了开发者填写的t…

ps:1.开发语言使用Java springMvc+Mybaits+spring maven实现 2.使用微信接口测试账号进行本地测试 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 3.使用 路由侠 将本地地址映射到外网地址实现微信公众号的本地调试 准备工作: 工欲善其事 必先利其器,想做微信公众号开发,首先要申请一个微信公众号(有兴趣的同学可以去微信申请一个,这里就不赘述了:https://mp.weixin.qq…

Hello 各位小伙伴,松哥今天要和大家聊一个有意思的话题,就是使用 Spring Boot 开发微信公众号后台. 很多小伙伴可能注意到松哥的个人网站(http://www.javaboy.org)前一阵子上线了一个公众号内回复口令解锁网站文章的功能,还有之前就有的公众号内回复口令获取超 2TB 免费视频教程的功能(免费视频教程),这两个都是松哥基于 Spring Boot 来做的,最近松哥打算通过一个系列的文章,来向小伙伴们介绍下如何通过 Spring Boot 来开发公众号后台. 1. 缘起…

在讲微信公众号开发之前,先来大概了解一下微信公众号.微信公众号大体上可以分为服务号和订阅号,订阅号和服务号的区别如下: 服务号可以申请微信支付功能. 服务号只能由企业申请,订阅号可以有企业或个人申请. 订阅号和服务号每月推送消息次数不同,订阅号每天可以推送一次,服务号每月可以推送四次. 服务号推送的消息会出现在用户的聊天列表中,而订阅号推送的消息显示在订阅号文件夹中. 还有一些其他接口功能的区别和限制,总的来说服务号支持更高级的功能开发. 订阅号更加偏向于向用户传递咨询,一般各种技术类公众号都属…

这段时间一直比较忙,一忙起来真感觉自己就只是一台挣钱的机器了(说的好像能挣到多少钱似的,呵呵):这会儿难得有点儿空闲时间,想把前段时间开发微信公众号支付遇到问题及解决方法跟大家分享下,这些“暗坑”能不掉就不掉吧,要不然关键时刻出问题,真是让人急的焦头烂额. 双12客户的商城活动正在蓄势进行中,却有用户频频反馈说:支付不了,有问题,并截图如下: 当时问题感觉很奇怪,自己测试多次都ok啊,问题来了都赶紧解决吧,最终找到解决办法: 原因是程序中一个字符串变量被错误的设置为数字类型,解决方法很简单,只需…

在最近开发的微信公众号中,要实现一个打卡功能: 由于个人感觉微信SDK里面的地图不太好用,所以使用了腾讯地图. 在项目中引入腾讯地图 1,需要登录腾讯地图网站,注册一个账户,获得一个key. 2,然后找到项目根目录下面的index.html,引入需要使用到的js <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" c…

由于卤煮本人是做前端开发的,所以在做公众号过程中基本上没有遇到前端问题,在这方面花的时间是最少的.加上用了mui框架(纯css界面)和自己积累的代码,很快地开发出了界面来.接着是后台开发.卤煮选的是nodejs,作为中小型的项目开发,nodejs是前端开发人员的首选.然后是选了一些开发包,帮助快速上手.express,inspector,mysql等.卤煮不打算做nodejs教程,网上有很多.假设这些你都已经做好了,也就是说首先,你保证你已经有一份写好了的程序,并且通过本地浏览器测试.然后再开始…

微信公众号有个规则,一旦开启了开发者模式,其他的常规功能就都必须通过接口调用完成.比如说自定义菜单功能,必须通过发送post请求的方式生成.本章就通过关注到取消关注的整个过程来谈一谈nodejs是怎么样与微信交互的.这些功能的入口就是你在测试公众号里面填写的URL(以下用/login/wechat代替). 事件交互 扫码关注微信公众号后,微信会调用你的接口/login/wechat,并且附带一段xml信息,首先你需要获取一些签名,通过加密.排序比对是否与你填写的TOKEN一致,如果一致则进行xm…

1.进入微信公众号首页,进行注册登录 https://mp.weixin.qq.com/ 2.进入个人首页,进行公众号设置 可参照 公众号文档 进行开发 开发前 先阅读 接口权限列表 3.配置服务器 服务器地址(URL) 令牌(Token) import hashlib @app.route('/wx',methods=['GET','POST']) def wx(): if request.method == 'GET': signature = request.args.get('signa…

1.promise.async.await const Koa = require('koa') const app = new Koa() // 应用程序对象 有很多中间件 // 发送HTTP KOA 接收HTTP(使用中间件,中间件实际就是函数) // await: 1.求值关键字,不仅是promise,表达式也可以(100*100) // 2.阻塞当前线程 // async 只要函数前面加了async,返回的值就会被promise包裹 // 注册 app.use(async (ctx, n…

本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 本教程针对的是已掌握Python语言基本用法并且掌握其任一Web框架的用户. 本教程使用的Python版本为3.5.0, Web框架为Tornado, IDE开发工具为PyCharm,整个开发过程是在Windows环境下测试开发,最终上线部署至centos服务器. 备注: (1) 如果您是python小白,建议参考 Pyth…

本文已同步到专业技术网站 www.sufaith.com, 该网站专注于前后端开发技术与经验分享, 包含Web开发.Nodejs.Python.Linux.IT资讯等板块. 本项目旨在为多个微信公众号提供中控服务, 包含以下服务内容: 校验后台签名配置 处理微信公众号消息 获取access_token 获取jssdk签名 自定义菜单 本项目采用的技术选型为: 开发语言 nodejs 开发框架 eggjs 内存数据库 redis 本篇文章主要从以下4个方面来实现这个中控服务: eggjs插件和配置…

一.注册账号 百度微信公众平台,点击进入. 二.公众平台测试账号 点击进入平台后居然是小程序,我也很费解.以前是找到开发->开发者工具->公众平台测试账号,现在毛都没有了. 不过可以点击这里调转. 点击这里进入. 三.进入公众平台. 这里好像要微信扫码登录. 上面的接口配置信息是给接口服务器端使用,下面的JS接口安全域名是给前端调用. 这里的坑还是多,而且官方文档含糊其辞,这点差评. 首先就是为何要有这个域名.说的直白一点,就是你要想和微信第三方接口通讯,必须要有一个能被外网访问的接口暴露出去…

在测试环境下开发完成代表着你离正式上线的目标不远了.接下来本章就主要谈一谈把测试环境的公众号升级为正式的公众号. 服务器和域名 目前为止我们只是在自己的电脑上完成了测试环境.真实的线上环境当然需要自己购买服务器和域名了.卤煮买的是阿里云的ecs云服务器,配置是单核1G内存,硬盘是40g.对于卤煮这样自娱自乐的小项目,六十多块钱一个月的服务器都算太贵了.域名的话非常便宜,不过正式的域名需要备案,比较麻烦.卤煮是在某宝上购买的一年的备案域名,虽然名字很丑,但无关紧要,在微信中域名对于用户来说是没有任…

微信的网页授权指的是在微信公众号中访问第三方网页时获取用户地理.个人等信息的权限.对于开发了自己的网页app应用时,获取个人的信息非常重要.上篇博客讲到了注册时可以获取用户的信息,很多人会问为什么还需要网页授权这种方式去获取呢,直接从数据库中读取不就可以了吗?这样的做的原因是服务器会话时间终究是有限的,关注后我们设置的会话一般在半个月左右,半个月后就需要重新生成会话,而这时就需要网页授权的openid帮忙了.况且,用户的信息也是会刷新的,虽然这种情况很少发生,但是我们至少应该确保信息是有一定的更…