导语 上一篇文章微信小程序搭建mpvue+vant已经介绍了如何搭起mpvue项目及引入vant,本篇文章继续在它的基础上,引入flyio,并做一些封装,目的是为了在小程序发起请求. 这时读者会有些疑问,小程序已经有了request,为什么还用flyio?这不是造轮子吗?我是这么想的,其实现在不管是mpvue,还是wepy都好像还不能完美编译出微信小程序和h5版本.为了以后应对老板有创建h5版本的想法,我们应该为以后复用小程序代码做好准备工作.既然h5也会有ajax,flyio也支持小程序和h5

第一步:查看是否已经装了node.js $ node -v $ npm -v   正确姿势 没有装的话前往Node.js官网安装 第二步:安装cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步:安装 Vue Cli $ sudo cnpm install -g @vue/cli   正确姿势 第四步:想好项目名称,并创建它 先要进入你的代码目录,然后再创建,需要了解 我本地代码目录:/Users/hr

几点: 1.环境搭建 2.开发和调试 3.发布 原文链接: http://www.lookdaima.com/WebForms/WebPages/Blanks/Pm/Docs/DocItemDetail.aspx?EmPreviewTypeV=2&id=ef2ebc2c-8879-4ff4-ada8-b1a649de754a 一.环境搭建 1.申请帐号: 访问:https://mp.weixin.qq.com/ 注册和申请(具体参考页面指引) 进入微信公众平台点击文档查看相关文档 2.下载开发工

要搞一个小型的cms内容发布系统 因为小程序上线之后,直接对数据库进行操作的话,慧出问题的,所以一般都会做一个管理系统,让工作人员通过这个管理系统来对这个数据库进行增删改查 微信小程序其实给我们提供了这样的能力了 (也就是可以在自己已有的服务器来进行云操作,所以就可以通过这个CMS内容管理系统来对云数据库进行修改) 我们就要建立自己的web服务器-->搭建一个简易的服务器 https://koa.bootcss.com/ 这个是要node版本是7以上,可以在node官网去搭建,我这边之前按照过了

昨天测试开发微信小程序,才发现微信也要求用HTTPS加密数据,想来是由于之前苹果的ATS审核政策的缘故吧,微信想在苹果上开放小程序必然也只能要求开发者必须使用HTTPS了,于是在服务器上测试安装Nginx+HTTPS服务. 安装 HTTPS 最麻烦的问题应该就是获取证书了,证书感觉种类也挺复杂的,有好几种,单域.泛域.多域...还有个种标准乱七八糟的感觉,而且收费很高,还是每年买的. 现在各个云服务商也都有提供各种基础功能的免费证书,但似乎很多只对单域免费,这里的单域是指每个二级域名都算是一个域

首先 mpvue 是一款基于vue的框架,mpvue 修改了 Vue.js 的 runtime 和 compile 实现,可以运行在小程序的环境中. 第一步:安装 vue-cli vue-cli是vue专用的项目脚手架工具(但是官方要求安装2.9的) npm install --global vue-cli@2.9 第二步:创建一个基于 mpvue-quickstart 模板的项目 vue init mpvue/mpvue-quickstart my-project 默认都敲回车 第三步: 安装

StartSSL 也免费提供了一个证书(纯英文) 申请地址:https://www.startssl.com/Account?r=L1ZhbGlkYXRl 阿里云免费提供的证书 https://common-buy.aliyun.com/?spm=5176.7968328.231195.3.Vh92u7&commodityCode=cas#/buy 云盾证书服务 ( AliCloud Certificates Service)是和有资质的CA中心或代理商共同在阿里云为云客户提供直接申请购买管理S

微信是一种非常便捷的生活方式,微信小程序一直深受企业和商家的青睐,如美团.京东.拼多多.唯品会.小红书等知名公司都推出了自己的小程序.对于网上商城小程序的开发似乎是一件非常难的事情,用什么开发?如何开发?下面我就以之前项目使用过的SHOP++商城系统中的小程序开发,给大家简单梳理一下小程序搭建流程. (一).微信小程序注册 访问微信公众平台,点击 立即注册 进入注册页面,点击 小程序 帐号类型,进入 小程序注册 页面,根据页面提示完成注册操作,如下图所示: (二).添加微信开发用户 登录微信公众

本文使用node.js和express来为小程序搭建服务器.node.js简单说是运行在服务端的javascript:而express是node.js的一个Web应用框架,使用express可以非常简单快捷地搭建起网站. 0.背景 官方要求小程序的包最多不能超过2M,减小小程序包大小最有效的方法就是将本地图片上传至服务器. 本文搭建服务器,以小程序从后台获取图片为例,实现小程序与后台的通信. 小程序采用这篇教程mpvue从一无所有开始仿大众点评小程序中的demo(但图片均移动到了public/i

概述 前面我们讲了如何开始微信小程序搭建和一些组件的介绍.微信小组件和微信小程序入门 微信小程序目录 为了更好的理解小程序和小程序开发,我们首先来看一下项目的目录. 首先看下根目录下的app.json的文件,可以看到在"pages"的数组里,里面配置了每个界面,且包含了每个界面文件的目录 我们接下来看一下page文件夹,可以看到每个页面需要包含两个文件,一个是js文件,是每个界面的入口,wxml的文件是每个界面的布局文件,wxss是样式文件. 接下来看一下logs文件夹,在logs文件

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599 3:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html 4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源

背景 随着微信开放小程序开发功能,迅速在各个实体店抢占流量入口,广大商家看到了在线和离线的机会整合,利用小程序版本特点低成本进入市场,达到流量的获取和转化. 伴随着资本的进入,小程序开发市场也因此越来越壮大,小程序各项测试服务需求更是迫在眉睫,腾讯WeTest测试团队的微信小程序测试服务就在此背景下应运而生. 适用场景 我是商户:作为小程序投入的直接投资人,往往购买采用第三方开发小程序的服务,那么我们小程序的质量是否有保障? 现实情况是 1.商户在通过第三方开发商完成小程序开发后,无法保障明确小

前言 自 2017 年第一批小程序上线以来,越来越多的移动端应用以小程序的形式呈现.小程序触手可及.用完即走的优点,大大降低了用户的使用负担,也使小程序得到了广泛的传播.在阿里巴巴,小程序也被广泛地应用在淘宝.支付宝.钉钉.高德等平台上. 为了支撑大量的小程序,服务端面临的挑战有: 大量的小程序是不活跃的,传统的至少一台服务器的方式会造成资源浪费: 在活动高峰期小程序的调用量激增,要求服务端能够快速进行弹性伸缩. 而小程序开发者往往是客户端/前端的开发者,更多的精力在开发业务代码与应用的快速上线

前言 本文章秉着自动化工程项目的思想搭建的,基础架子完全按照wepy官网搭建,在基础上增加配置达到自动化项目.新增动flxio拦截器自动处理接口,新增根据环境变量来改变运行时的参数. Fly.js 小程序拦截器个人不是很满意,在网上就寻找到了fly.js 感谢作者大大@wendux 简介 一个支持所有JavaScript运行环境的基于Promise的.支持请求转发.强大的http请求库.可以让您在多个端上尽可能大限度的实现代码复用,它有如下特点: 提供统一的 Promise API. 浏览器环境

简介: mpvue框架对于从没有接触过小程序又要尝试小程序开发的人员来说,无疑是目前最好的选择.mpvue从底层支持 Vue.js 语法和构建工具体系,同时再结合相关UI组件库,便可以高效的实现小程序开发 前言: 本文讲述如何搭建完整的小程序项目框架,因为是第一次使用,有不完善的地方请大佬指正. 搭建内容包括: 1.使用scss语法:依赖插件sass-loader .node-sass 2.像vue一样使用路由:依赖插件 mpvue-entry 和 mpvue-router-patch 3.使用

TODO:小程序开发环境搭建 1.第一步当然是要先注册小程序了 2.登录到小程序 a)完善小程序信息,如名称,图标,描述 3.绑定开发者 4.获取AppID,并设置服务器信息 5.下载并安装开发者工具 a)使用管理员或者绑定到开发者微信号扫描登录,选择本地小程序项目 b)创建或打开项目,需要填写AppID.项目名称和本地开发目录.开发者工具左边是模拟器可模拟不同尺寸的手机,目前只可模拟iPhone和Android的机型,网络可模拟wifi,2g,3g,4g:右侧是调试工具,可编码,可调试,如果要

「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试.可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面).本以为没有 AppID 这个月就与小程序无缘了,庆幸的是微信这两天发布了正式版开发者工具,无需内测邀请也可以尝鲜了. 因此也就有了我与「小程序」的初体验,而我的感受只有一个字——爽! 选择哪个「小程序」Demo? 在知名同性交友网站 Github 上,「小程序」的 Demo 不少,但是大多只是简单的 API 演示,有的甚至直接把页面数据写在了 json

1.小程序介绍 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用.也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题.应用将无处不在,随时可用,但又无需安装卸载. 2.学习资料的推荐 官方文档: https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474643026176 开发工具: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/d

「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试.可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面).本以为没有 AppID 这个月就与小程序无缘了,庆幸的是微信这两天发布了正式版开发者工具,无需内测邀请也可以尝鲜了. 因此也就有了我与「小程序」的初体验,而我的感受只有一个字--爽! 选择哪个「小程序」Demo? 在知名同性交友网站 Github 上,「小程序」的 Demo 不少,但是大多只是简单的 API 演示,有的甚至直接把页面数据写在了 json

前言: 小程序是指微信公众平台小程序,小程序可以帮助开发者快速的开发小程序,小程序可以在微信内被便捷地获取和传播:是一种不需要下载安装即可使用的应用小程序,和原有的三种公众号是并行的体系.2017年1月9日,微信小程序正式上线. 本篇博文就网上资料及相关教程整理一下,希望对想要进行小程序开发的小白提供一下帮助. 第一步:想要进行微信小程序开发,必须有自己的微信开发者账号,在这里博主提供一下微信公众平台的链接:https://mp.weixin.qq.com (万恶的腾讯家,竟然还要一个新的邮箱来