小程序

本文带来微信小程序开发系列（一）开发准备的详解 一：开发准备 一  注册微信开发者账号 登录：https://mp.weixin.qq.com/  进行注册. 目前仅支持企业和组织等非个人注册微信小程序账号，注册详细情况可以参见如下链接： http://kf.qq.com/faq/140806zARbmm161103r6vmiA.html 注：如果仅仅是为了学习开发微信小程序，可以参考这个地址注册测试号： 二  微信开发者工具下载 由于微信公众平台改版，导致原来可以在https://mp.weixin.qq.com/wiki下面可以免费下载微信小程序开发工具这种可能没有了。 必须拥有微信小程序的开发账号，在如下网址下载扫描二维码下载开发工具。 https://mp.weixin.qq.com/debug/wxadoc/introduction/#登录 另外如果只是学习开发而已，可以在百度搜索微信小程序开发工具随意下载网友分享的工具也可以。 二：开发工具使用简介 1：PC桌面打开微信小程序开发工具（微信web开发者工具），如图1所示： 图1 2: 用微信扫描图1中的二维码，如图2所示，并选择第一项“本地小程序项目”，如图3所示。（现在如果开发工具版本太低，扫描时会报错，请先升级开发工具，开发工具会自动检查版本并自动升级。） 图2 图3 3: 图3中如果第一次创建项目，请选择“添加项目”，否则选择已经添加的项目。选择“添加项目”，如图4所示。 图4 4: 图4中如果仅仅是为了学习开发请选择“无AppID”，然后填写项目名称，选择项目目录，并且点解“添加项目”按钮。如图5所示，进入微信小程序开发工具主界面。 图5 5: 图5中点击工具左上角的“编辑”，工具进入编辑模式界面，如图6所示 图6…

本文主要和大家分享微信小程序全局配置开发实例，主要以代码的形式和大家分享，希望能帮助到大家。 一.app.json      使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等.        注意在.json不能注释，否则会出错。 二.工具栏tabBar     如果我们的小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。 tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab…

摘要: 经常有网友问怎么让微信小程序解析H5文件或者类似封装H5网页到APP里面？我一开始觉得这是不可能的，因为官方的解答是这样的： 每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxm … 经常有网友问怎么让微信小程序解析H5文件或者类似封装H5网页到APP里面？我一开始觉得这是不可能的，因为官方的解答是这样的：每一个小程序页面是由同路径下同名的四个不同后缀文件的组成，如：index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件，.wxml后缀的文件是页面结构文件。 上面的意思就已经很清楚了。翻译过来就是： .js就是javascript .wxss相当于css .wxml相当于html 然而，wxml与wxss的语法是微信自己定义，不同于html与css语法。既然语法都不一样，微信小程序自然无法加载H5页面。微信只能加载在工程内已经注册的page页面，无法打开外部链接，只能从服务器抓取数据 前段时间,由于微信的编写文件不再是html格式,所以也无法解析 html代码,这个着实令人难过. 我在用网上的API接口获取数据时, 遇到了一个大坑, 那就是 API返回的数据竟然是 含有标签的字符串, 让我无从下手, 在尝试过正则失败后, 不断在网上看有没有可以解析的插件, 终于让我找到了, 那就是wxParse-微信小程序富文本解析组件, 它支持Html及markdown转wxml可视化, 下面不多说, 代码贡献上: API返回的数据: 注意: message…

这篇文章主要介绍了微信小程序 开发之全局配置的相关资料,需要的朋友可以参考下 一.app.json      使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等.        注意在.json不能注释，否则会出错。 二.工具栏tabBar     如果我们的小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），那么我们可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。 tabBar 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序 app.json中…

这篇文章主要介绍了微信浏览器取消的方法详细说明,本文使用meta头信息实现取消了微信浏览器的缓存,特别是在开发时会经常用到,需要的朋友可以参考下 做微信公众号和手机页面的时候，避免不了页面要跳转到微信浏览器打开，调试阶段，版微信浏览器一直都默认缓存html资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能，很多时候要清理微信缓存才能看到效果，很是烦人。部分客户装了QQ浏览器，微信实际调用的是QQ浏览器，有时候甚至光清理微信缓存都无效，QQ浏览器的缓存也要清。 经过一番探索微信浏览器确实是在webview的上层做的缓存：就是如果请求过了这个地址，就会存在本地，之后不取线上了。 解决方案是在调试阶段或者频繁更新的页面加入以下头信息 代码如下: <meta><meta><meta> 登录后复制 嗯，这样微信浏览器对这个页面将会一直上线拉取了。 以上就是微信浏览器取消缓存的方法详细说明的详细内容，更多请关注米云其它相关文章！

最近正在学习微信小程序开发，也是与两个同学一起合作着手仿做得物APP微信小程序。这里主要分享一下我的学习过程及踩过的一些坑，希望对您有所帮助。 开发准备 微信开发者工具 VScode代码编辑器 得物APP微信小程序 （取色量距） 总体架构 该项目基于小程序云开发，使用的模板是由于是个全栈项目，前端使用小程序所支持的wxml + wxss + js开发模式，命名采用命名规范。后台则是借助云数据库进行数据管理。【相关学习推荐：】 项目中我负责的部分主要如下（一些数据为固定数据写在config中，js文件通过module.exports暴露，需要引用时在页面对应js头部引入，例const {} = require(‘../../../../config/buys’)）。项目中我使用的较多vant组件，需要在构建npm包时引入vant，详情可见。页面使用第三方组件时须在对应json文件中声明，为了不做重复工作可直接在app.json中声明。例：（”usingComponents”: “van-search”: “@vant/weapp/search/index”}）     |-config  对应数据         |-assem.js            |-buys.js             |-detail.js           |-kind.js             |-search.js       |-pages         |-buy_page             |-page                 |-assem   筛选排序页…

写这篇文章的目的主要是由于在微信公众平台提供的SDK中并没有提供此功能的SDK实现，其实最后实现还是借助 微信公众平台开发文档 和 SDK 。企业付款的应用场景： 公众号向已关注用户付款，比如处理退款、财务结算等先说一下实现思路：在SDK中自带类库的基础上扩展WxMchPay组件， 实现企业付款功能的扩展。话不多说，上代码， 下面是继承SDK，实现企业付款的组件：$parameters参数参考： 企业付款API的文档 1. 简介：写这篇文章的目的主要是由于在微信公众平台提供的SDK中并没有提供此功能的SDK实现，其实最后实现还是借助 微信公众平台开发文档 和 SDK 。企业付款的应用场景： 公众号向已关注用户付款，比如处理退款、财务结算等先说一下实现思路：在SDK中自带类库的基础上扩展WxMchPay组件， 实现企业付款功能的扩展。话不多说，上代码， 下面是继承SDK，实现企业付款的组件：$parame… 2. 简介：我们都知道由于微信小程序开发文档和工具的限制，js文件不能直接操作wxml文件，开发者不能进行dom操作，所以在此创建组件必须先把组件结构定义好！也就是说必须在wxml文件中先定义好组件结构，然后再绑定数据，根据j … , 3. 简介：我们都知道由于微信小程序开发文档和工具的限制，js文件不能直接操作wxml文件，开发者不能进行dom操作，所以在此创建组件必须先把组件结构定义好！也就是说必须在wxml文件中先定义好组件结构，然后再绑定数据，根据j … , 4. 简介：写这篇文章的目的主要是由于在微信公众平台提供的SDK中并没有提供此功能的SDK实现，  其实最后实现还是借助 微信公众平台开发文档 和 SDK…

做小程序开发发现，页面分享出去后，用户通过分享进去的页面很难找到返首页的情况。（微信官方操作是点击右上角三个点，在手机下方显示返回首页）。民间很多方案是自己在页面加个悬浮home标注。 今天我分享另外一种方法。请看下面.gif; 有没有发现，左上角有返回按钮了。原理简单，在你要分享的页面，分享配置时配置你的首页，并带上对应的参数，在首页 onLoad方法中可以获取。代码如下： <!--index.wxml--> <view><text>我是首页</text>  <button>go logsPage</button> </view> const app = getApp() Page({  data: {   motto: 'Hello World',   userInfo: {},   hasUserInfo: false,   canIUse: wx.canIUse('button.open-type.getUserInfo')  },  //事件处理函数  goLogs: function() {   wx.navigateTo({    url: '/pages/logs/logs'   })  },  onLoad: function (options) {   console.log(options)   if (options.share_query){    wx.showLoading({     title: '我是从分享页面进入的',    })…

height:2em;margin-bottom:0px;”>最近在写一个爬虫，需要将网页进行解析供微信小程序使用。文字和图片解析都好说，小程序也有对应的text和image标签可以呈现。而更复杂的，比如表格，则比较棘手，不管是服务端解析还是小程序呈现都很费劲，也很难覆盖所有情况。于是我想，将表格对应的HTML代码转成图片，不失为一种变通的方法。 这里我们采用node-webshot模块，它对PhantomJS进行了轻量封装，可以轻松地将网页以截图形式保存下来。 首先安装Node.js和PhantomJS，然后新建一个js文件，加载node-webshot模块： const webshot = require(‘webshot’); 定义选项： const options = {   // 浏览器窗口    screenSize: {        width: 755,       height: 25    },     // 要截图的页面文档区域    shotSize: {        height: 'all'    },    // 网页类型    siteType: 'html' }; 登录后复制 这里，浏览器窗口的宽度要根据网页情况合理设置，高度可以设置为一个很小的数值，然后页面文档区域的高度一定要设置为all，宽度默认为窗口宽度，这样就可以把表格以最小的尺寸完整截图。 接下来，定义html： let html = "target rich text html code, eg:  登录后复制 … “; 注意，里面的HTML代码一定要去掉换行符，并将双引号替换为单引号。…

在做小程序的时候，是不是经常遇到这两种同步问题： 1.使用for循环，一个循环里面的操作还没结束，下一个循环就已经开始了。如果循环之间没有互相依赖，问题应该还不大，但是如果下一个循环的开始依赖于上一个循环的结果，那这一系列操作就会出现问题，比如画图： for (let index in images) { //每画一张图，都要在上一张图画结束才能开始，因为要计算画图位置 ctx.drawImage } 登录后复制 2.调用服务器接口访问数据、下载图片等，服务器还未返回数据，代码已经继续执行其他代码了，这明显会出问题。 wx.downloadFile({ url: URL, success(wr) { //如果其他执行代码在success代码块里面，还能保证在成功获取数据后正常执行 //如果下载功能是共用的，其他操作逻辑肯定就会抽离出来，这样就保证不了同步执行了。 } }); 登录后复制 该怎么解决呢？第一种情况，网上好多解决方案是加sync或者await，还有的加setInterval，这几种方案我都没有选，而且使用嵌套调用。 /** * 处理图片 */…