fwq

这次给大家带来如何使用Koa2开发微信二维码扫码支付，使用Koa2开发微信二维码扫码支付的有哪些，下面就是实战案例，一起来看一下。 前段时间在开发一个功能，要求是通过微信二维码进行扫码支付。这个情景我们屡见不鲜了，各种电子商城、线下的自动贩卖机等等都会有这个功能。平时只是使用者，如今变为开发者，也是有不小的坑。所以特此写一篇博客记录一下。 注： 要开发微信二维码支付，你必须要有相应的商户号的权限，否则你是无法开发的。若无相应权限，本文不推荐阅读。 两种模式 打开微信支付的文档，我们可以看到两种支付模式：模式一和模式二。这二者的流程图微信的文档里都给出了（不过说实话画得真的有点丑）。 文档里指出了二者的区别： 模式一开发前，商户必须在公众平台后台设置支付回调URL。URL实现的功能：接收用户扫码后微信支付系统回调的productid和openid。 模式二与模式一相比，流程更为简单，不依赖设置的回调支付URL。商户后台系统先调用微信支付的统一下单接口，微信后台系统返回链接参数code_url，商户后台系统将code_url值生成二维码图片，用户使用微信客户端扫码后发起支付。注意：code_url有效期为2小时，过期后扫码不能再发起支付。 模式一是我们平时在网购的时候比较常见的，会弹出一个专门的页面用于扫码支付，然后支付成功后这个页面会再次跳转回回调页面，通知你支付成功。第二种的话想对少一些，不过第二种开发起来相对简单点。 本文主要介绍模式二的开发 。 搭建Koa2的简单开发环境 快速搭建Koa2的开发环境我推荐可以使用koa-generator 。脚手架能帮我们省去Koa项目一开始的一些基本中间件的书写步骤。（如果你想学习Koa最好自己搭建一个。如果你已经会Koa了就可以使用一些快速脚手架了。） 首先全局安装 koa-generator ： npm install -g koa-generator #or yarn global add koa-generator 登录后复制…

微信小程序 基础知识css样式media标签 前言： 微信小程序中我遇到了一个对我来说是新的东西，但是对于前端开发来说不算是新知识，html页面中的media标签，在此记录下来以备不时之需 在css中我们使用media标签来区分调用哪个css样式，比如使用media=”print”来表示当执行打印文档时，使用print.css样式。这样使得文档更有得于打印，如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。 <link><link>  <link> 登录后复制 下边是media标签的10个值，可见常用的并不多。当没有media标签时，默认为media=”all”。 立即学习“”； all– 用于所有设备类型 aural– 用于语音和音乐合成器 braille– 用于触觉反馈设备 embossed– 用于凸点字符（盲文）印刷设备 handheld– 用于小型或手提设备 print– 用于打印机 projection– 用于投影图像，如幻灯片 screen– 用于计算机显示器 tty– 用于使用固定间距字符格的设备。如电传打字机和终端…

background-color:#FFFFFF;text-align:center;”> 微信小程序还没正式发布就已经迅速成为大家讨论的焦点，那么大家可能觉得只有收到内测邀请才能体验小程序的开发流程，其实不然，大家都可以体验，下面就带大家一起了解。 下载微信 Web 开发者工具 首先，微信给我们提供了它自己的小程序集成开发工具，只需要到这个页面下载即可： 下载完成后，打开开发者工具，会有一个扫码登录界面。 用你的微信扫码就可以登录进来了， 然后开发者工具会帮我们创建一个默认工程，项目的文件结构如下： 所有的代码编辑以及运行预览都可以在这个开发者工具中进行。接下来咱们看看微信小程序的项目结构。 项目结构 如上图，首先在根目录中有三个文件 app., app., app.。 其中 app.js 是程序主入口的脚本文件， app.json 是全局, app.wxss 是小程序的样式表文件。 先来看看 app.json : { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" } } 登录后复制…

这次给大家带来mocha与chai的使用，mocha与chai使用的有哪些，下面就是实战案例，一起来看一下。 Mocha 的简介 Mocha是流行的测试框架之一，通过它添加和运行测试，从而保证代码质量 Mocha 的 全局安装Mocha npm install -g mocha 登录后复制 项目中也安装Mocha npm install --save-dev mocha 登录后复制 在package.json中加入下面脚本： "scripts": { "test": "mocha" } 登录后复制 Mocha 的使用 在使用前，我们先看一下我们用来使用的测试项目的结构：…