微信小程序——gulp处理文件

懒癌直接贴代码,想写在写因为最近搞了一下小程序,直接使用微信的开发者工具搞感觉有点不习惯,并且看了几篇给小程序瘦身的博客,决定给自己的项目做一套配置文件,使用gulp来支持sass scss文件编译以及上传之前压缩文件的空行之类的. 至于使用gulp没有使用webpack的原因,因为我不想处理js文件,可能是我研究明白吧.后续还可以添加把assets目录里面的资源上传到ftp或者cdn的功能~ JSON json文件开发时候直接复制到dist目录下,生产的时候使用jsonminify压缩 gul…

微信小程序-02-项目文件之间配合和调用关系

微信小程序-02-项目文件之间配合和调用关系我就不说那么多了,我是从官方文档拷贝的,然后加上一些自己的笔记,不喜勿喷官方文档:https://developers.weixin.qq.com/miniprogram/dev/index.html?t=18090718 小程序的启动微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地紧接着通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径: { //项目中所有页面的路径,不要后缀名,当然省掉的是: .w…

微信小程序存放视频文件到阿里云用到算法js脚本文件

peterhuang007/weixinFileToaliyun: 微信小程序存放视频文件到阿里云用到算法js脚本文件 https://github.com/peterhuang007/weixinFileToaliyun require('./crypto/hmac.js'); require('./crypto/sha1.js'); const env = require('./config.js'); const Base64 = require('./Base6…

微信小程序——1、文件的认识

主体文件的构成微信小程序的主体由三个部分组成,需放在主目录中,名称也是固定的 app.js:微信小程序的主逻辑文件,主要用来注册小程序 app.json:微信小程序的主配置文件,对微信小程序进行全局配置 app.wxss:微信小程序的主样式表文件,在项目中可以不要.与HTML的 css样式表文件,可以在其他页面共享页面文件的构成微信小程序由多个页面组成,每个页面由四种文件构成,通过四个不同的拓展名来区分 js:页面逻辑文件,编写javascript代码控制页面逻辑 wxml:页面描述文件,…

实现微信小程序的wxml文件和wxss文件在phpstrom的支持

最近下载了微信小程序准备好好看看,但是发现微信小程序用的后缀名是不一样的,.wxml代表的就是平时用的.html,.wxss代码的就是平时用的.css.但是phpstorm无法识别,为了更方便的码代码对wxml文件的支持: 设置>编辑>文件类型>xml文件,右击右边的加号,增加通配符*.wxml, 现在已经可以识别了. 对.wxss的配置 1.文件 -> 设置 -> 编辑器 -> 文件和代码模板,点击绿色的加号,弹出注册新文件类型关联窗口,选择css即可. 2.类似第…

微信小程序app.json文件常用全局配置

小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. JOSN文件不允许注释,下面为了学习加上注释,粘贴需要的片段去掉注释即可.小程序定义color建议使用16进制颜色 1. pages定义页面路径列表 "pages": [ "pages/news/news", "pages/index/index", "pages/movie/movie"…

Taro 微信小程序上传文件到minio

小程序前端上传文件不建议直接引用minio的js npm包,一来是这个包本身较大,会影响小程序的体积,二来是ak sk需要放到前端存储,不够安全,因此建议通过请求后端拿到签名数据后上传. 由于小程序的uploadFile仅支持POST请求(估计以后也不会支持PUT了),因此只能使用minio的PresignedPostPolicy方法返回签名后的formData,然后再放到小程序的uploadFile方法的formData参数中后端 .net 安装minio nuget包接口返回dto pu…

微信小程序: 编译.wxss文件错误解决

博主最近又重新开始捡起微信小程序,想做点自己的东西.了解到最近小程序工具有做更新,就顺手更新了最新的版本,功能比之前强大了不少! 更新归更新,更新后控制台就一直报下面这个错误: 解决办法有问题总会有解决的办法. 1. 在控制台输入 openVendor(),回车执行: 2. 在打开的目录当中删除名为 wcsc.exe 的应用程序: 3. 重启微信小程序,错误已经不存在,程序正常执行. …

微信小程序上传文件遇到的坑

在开发小程序时,使用的花生壳做的内网映射,域名使用花生壳卖的https域名在做小程序文件上传时,调用接口,老是报错. Caused by: org.apache.commons.fileupload.FileUploadException: Stream ended unexpectedly 搞了两天,总是找不到原因,使用restclient和postman测试工具测试接口,是正常的. 后来写html表单来提测试,也是正常 . 就是使用wx.uploadFile时报错. 后来把项目打war包放…

微信小程序 app.json文件配置

https://developers.weixin.qq.com/miniprogram/dev/index.html 起步 https://developers.weixin.qq.com/miniprogram/dev/component/view.html 标签 https://developers.weixin.qq.com/miniprogram/dev/framework/config.html 配置 app.json文件里的配置属性描述 pages 页面路径列表(所有…

微信小程序 - gulp插件压缩（代码、图片等）

最后更新时间: 2018.7.18 :更新了所有package.json插件版本以及修复极个别问题. 2018.8.12 : 增加提示,所有标签必须闭合(不然打包会报错) 2018.10.13:需要用yarn安装所有文件,例如:npm install 应改为 yarn install 使用方式: 1. npm install -> yarn install 2. 创建src目录 3. 把小程序代码放入到src目录中流程: yarn install => 创建src => 丢入小程序源码…

微信小程序 --- app.json文件

app.json文件用于配置项目:用于对小程序进行全局设置: pages:定义小程序的路由.(凡是不在这个配置里面的东西,都无法打开) (特别注意:结尾不能有逗号否则会出错) window:定义小程序的顶部菜单.(可以配置顶部菜单,此配置可以被 page.json 文件覆盖) tabBar:定义小程序的底部Tab. networkTimeout:定义小程序的超时. debug:定义小程序的debug模式. { "pages":[ "pages/scan/scan"…

微信小程序 --- app.js文件

app.js文件是项目的入口文件: //app.js App({ onLaunch: function () { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) // 登录 wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, union…

微信小程序上传文件

wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有 success: function (res) { // 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片 var tempFilePaths = r…

微信小程序 --- page.js文件

page.js文件是写当前 page.wxml 页面的 JS 脚本文件: 示例: //获取应用实例 const app = getApp() Page({ data: { navComOneOnOff: true, navComTwoOnOff: false, navComThrOnOff: false, }, scanclick:function(){ wx.scanCode({ success: (res) => { console.log(res) }, fail: (res) => {…

微信小程序 --- page.json文件

page.json 文件用于配置当前目录.page.json文件里的配置可以修改 app.json 配置里面的 window:不能覆盖app.json文件里面的 tabBar / 网络超时/ debug配置: { "navigationBarTitleText": "渝光停车110" }…

微信小程序的wxml文件和wxss文件在webstrom的支持

webstrom默认不支持wxml文件和wxss文件,所以要进入设置里面手动添加支持. 对wxml文件的支持: 文件 -> 设置 -> 编辑器 -> 文件类型, 然后选择XML文件,然后点击下面的绿色添加按钮,如下图添加通配符设置,点击确认即可,然后点击确定按钮即可配置成功,就可看到webstrom支持wxml文件了文件 -> 设置 -> 编辑器 -> 文件和代码模板, 点击上面的绿色添加按钮,如下图所示填写,然后点击确定,弹出注册新文件类型关联窗口,选择css,确定…

微信小程序上传文件时弹出当前系统代理不是安全代理,是否信任

我的开发环境是.net core 启用了https,而微信的开发者工具不认这个证书. 解决办法1:关闭https 然后在 Startup.cs 中关闭注释掉 app.UseHttpsRedirection(); 解决办法2: 上阿里云,腾讯云申请免费的https证书进行替换.…

微信小程序开发导入文件说没找到.json的问题

这个真的坑爹网上的答案也没几个靠谱说白了就是找个空文件直接创建然后复制粘贴反应了这玩意ide不成熟进去之后直接创了个quick start的源码也就是我们看的这个网页建议我们下载的源码老马,我服了你直接下载下来的不能导新建空文件的时候帮我们导这种做法我该怎么说?…

微信小程序踩坑集合

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/#资源…

微信小程序wxml文件中调用自定义函数

想在微信小程序的wxml文件里自如的像vue那样调用自定义的方法,发现并不成功,得利用WXS脚本语言. WXS脚本语言是 WeiXin Script 脚本语言的简称,是JavaScript.JSON.WXML.WXSS之后又一大小程序内部文件类型.截至到目前小程序已经提供了5种文件类型. WXS的使用,有两种方式. 一种是直接在WXML中编写.  <wxs module="foo"> var some_msg = "hello w…

微信小程序xml解析

准备: 下载xmldom库:https://github.com/jindw/xmldom 将dom.js.dom-parser.js.sax.js,entities.js拷贝微信小程序需要的文件夹下在需要使用的js页面引入var Parser = require("../../utils/xmlParse-lib/dom-parser"); 使用 var xmlParser=new Parser.DOMParser(); var doc = xmlParser.parseFromS…

微信小程序语音识别服务搭建全过程解析（项目开源在github）

silk v3录音转olami语音识别和语义处理的api服务(ubuntu16.04服务器上实现) ## 重要的写在前面重要事项一: 目前本文中提到的API已支持微信小程序录音文件格式:silk v3.webm/base64. 注:微信小程序开发工具上的录音虽然后辍名也是silk,但不是真正的silk v3格式的(打开xx.silk看头部是"data:audio/webm;base64,"开头的),为了便于调试,这类格式我今天加急给支持上了,所以:微信小程序开发工具也可以调用我的AP…

微信小程序语音识别服务搭建全过程解析（https api开放，支持新接口mp3录音、老接口silk录音）

silk v3(或新录音接口mp3)录音转olami语音识别和语义处理的api服务(ubuntu16.04服务器上实现) 重要的写在前面重要事项一: 所有相关更新,我优先更新到我个人博客中,其它地方的文章属于本人或他人转发,不一定及时同步.原文链接是: http://www.happycxz.com/m/?p=32 重要事项二: 目前本文中提到的API已支持微信小程序录音文件格式:silk v3.mp3. 注:微信小程序开发工具上的录音不论是新接口还是老接口,都是webm/base64格式,虽…

微信小程序注意点与快捷键

注意点1. 微信对小程序的要求是整体大小不能超过1MB. 2. .json 是配置文件,其内容必须符合JSON格式,所以文件内部不允许有注释. 3. app.json 是全局配置文件,微信小程序中的每一个页面的[路径+页面名]都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页 4. .wxss 文件是样式表文件,app.wxss是全局的样式表文件.页面的样式表是非必要的.当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规…

我的微信小程序第三篇（app.json）

前言端午节回家了,所以好多天没有更新,只想说还是待在家里舒服呀,妈妈各种做好吃的,小侄子侄女各种粘着我在室外玩,导致我三天下来不仅胖了一圈,还黑了一圈,上班第一天有同事就说我晒黑了,哭~~~,为了防止自己的"懒癌"症复发,赶紧打开电脑敲敲字,废话不多说,我们就回到今天的主题,今天给大家介绍下微信小程序框架主体文件中的配置文件(app.json),其实我们在上一篇<我的微信小程序第二篇>中已经对app.json做过简单的描述,在此篇中,我们将对其进行详细的介绍. 正文 ap…

关于微信小程序使用canvas生成图片，内容图片跨域的问题

最近有个项目是保存为名片(图片),让用户发送给朋友或朋友圈,找了很多方案都不适用,绞尽脑汁之后还是选了使用canvas,但是用这玩意儿生成图片最大的缺点就是,如果你的内容中有图片,并且这个图片是通过外链链接进来的,那么很容易造成跨域而无法生成图片的问题,以下就是我解决该问题的办法: *提前说一句,在做这个功能的时候,我发现跨域的问题没法解决,唯一能做的就是把图片放到和canvas相同的域里 1,以下是微信小程序的wxml文件部分 <canvas canvas-id='share' width=&qu…