本博客已暂停更新,需要请转新博客http://www.whbwiki.com/231.html 配置 VsCode 微信小程序开发环境并非不用官方的 微信小程序开发者工具 ,而是两者配合适用,可以极大的提高我们的开发效率. 安装微信小程序开发者工具 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据自己的系统下载对应版本,然后一直点击下一步安装即可. 安装VsCode 下载地址:https

用 vsCode 开发微信小程序可以配置以下插件,让开发更美好: 1. vscode weapp api 2. vscode wxml 3. vscode-wechat 4. Easy WXLESS 5. 有个和 vsCode 差不多,还可以预览的 IDE:Egret Wing: minapp 小程序助手

上一篇文章介绍过 微信小程序配置消息推送,没有看过的可以先去查看一下,这里就直接去把那个客服消息接口去解密那个消息了. 在这里我选择的还是json格式的加密. 也就是给小程序客服消息发送的消息都会被微信转发到这里配置的地址和接口上面. 在页面中使用客服消息也就是如下这个效果,是需要用到微信提供的button标签上面的open-type的 点击进入客服消息也就是如下这个效果. 然后你发送的消息就会被转发到上面你配置的那个服务器的端口和那个接口上面,也就是例子中的 只不过配置确认的时候的接口是get

1. 在微信开发者工具(以下简称:开发者)中新建一个模板微信小程序 2. 在开发者中将模拟器分隔开 3. 设置在保存时编译 4. 在vscode中打开项目目录 5. 下载代码提示插件 这样就可以在vscode中编写项目代码,在模拟器中查看内容

1.点开preferences 2.搜索找到“File Types” 3.找到"HTML",点击“+”按钮,添加“*.wxml”然后“apply” 4.和3一样,再找到 ‘cascading style sheet’,添加“*.wxss”,然后“apply” 5.完成3和4步骤.这时候你的小程序代码,会以你常用的html和css样式展示.如果还要配置提醒功能 需要下载配置包(下载地址: https://github.com/miaozhang9/wecharCodejar). 下载完成

wxml-vscode wxml-vscode 仓库 提问题 安装 通过 F1 或者 CMD + Shift + P 输入 install. 选择: Install Extension. 特性 格式化功能 高亮组件功能 如何使用格式化功能 格式化 支持 通过 F1 或者 CMD + Shift + P 输入 format wxml 命令 或者右键菜单,也可以配置 wxmlConfig.onSaveFormat 开启保存后自动格式化   目前可配置项 v0.0.3 增加属性 wxmlConfig.

1.搜索按照Easy WXLESS 2.在文件中加入下面的一行代码:就会在同级目录下同步代码到.wss // out: index.wxss 更多的写法可以查官网:https://marketplace.visualstudio.com/items?itemName=yunfeizuo.easy-wxless

在个人开发微信小程序时,发布之前要配置微信小程序的域名https及域名的SSL证书的申请及安装 我用的是腾讯云,SSL证书申请好之后,点击下载,解压文件夹,会有如图,根据你要配置的服务器是哪种,我是tomcat配置,这时候腾讯云官方有文档,教你4种不同该怎么去云服务器配置,一步步跟着走就行.一般配置完成后会发现,还是运行不了https的网址,我个人用配置Tomcat时就出现这个问题,小程序端还是不能认证https的网址,这时将云服务器tomcat/conf/server.xml中的注释掉,就成功

虽然微信小程序官方开发工具非常优秀,但用的时间久了,会发现一些问题,比如代码编辑区小,自定义能力差,不支持插件,有时还会出现莫名其妙的bug,最不能忍的是编辑器代码提示功能不健全,这对于新手来说,很不友好.为了让新手少走弯路,我推荐一款编辑器VSCode. Visual Studio Code,简称VSCode,是微软出的一款轻量级代码编辑器,免费,功能强大,支持中文,对JavaScript支持非常好,自带很多功能,例如代码格式化,代码智能提示补全.而且支持各种插件. 官网:https://co

作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ... 前言:新人第一坑,跳坑指南:修改后,必须保存:ctrl+S: 一:推荐地址集合:(初入门者请先看这里) 1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=147643467

1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=14764346784612:简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/?t=14764346775993:设计指南:https://mp.weixin.qq.com/debug/wxadoc/design/index.html4:设计资源下载:https://mp.weixin.qq.com/debug/wxadoc/design/#资源下载5

关于本文的所有观点都是网上收集,与作者本人没有任何关系! 最近朋友圈已经被微信小程序刷屏了,这也难怪,腾讯的产品拥有广泛的影响力,谁便推出个东西,都会有很多人认为会改变世界,这不,张小龙刚一发布微信小程序的消息,很多人(技术的和非技术的)就跟打了鸡血似的,估计现在已经鸡血告急了! 我也看了网上的一些关于微信小程序的文章,估计那帮家伙连微信小程序是什么都没搞清楚,就在那里一本正经地胡说八道.好吧,我就通过本文让大家了解一些什么是微信小程序,以及微信小程序到底能为我们带来什么. 关于微信小程序的误解

来源:授权地址作者:会编码的熊 该文章纪录了我在开发小程序支付过程中的具体流程 1. 申请微信支付 小程序认证后进入微信支付申请小程序的微信支付 填写企业信息对公账户并上传凭证后,微信支付会打一笔随机金额到对公账户,输入金额完成验证后,在线签署协议,这样整个微信支付的申请流程完成了.注意此处申请所填写的信息都需要真实且详细,设置小程序的密钥. 微信支付申请完,会发送微信支付商户号,商户平台用户名密码等信息到注册者邮箱. 2.配置商户信息 申请微信支付成功后,登陆商户平台(pay.weixin.q

微信小程序 微信小程序面世以来受到的关注颇多,直到最近我才动手尝试进行了小程序的开发,总体上感觉还是不错的,有一点不适应的就是要摆脱Web APP开发对DOM的操作.在这里我就把我是如何利用API开发微信小程序的过程写成教程,教大家快速上手体验一次微信小程序的开发. 补充: 之前忘了把源码发上来,完成之后就已经放在Github上了 点我下载>> 在开始之前我们先来看下成品的效果图 完成效果预览 准备工作 我们先确定想要开发一款什么样的小程序,首先要符合「小」,因为我们这次是要体验小程序的开发,

微信小程序的事件及生命周期   继续下节课,今天我们还是从四个方面来了解小程序:     ●常用事件和事件冒泡   ●配置   ●app生命周期及app对象的使用   ●页面的生命周期   一.事件的绑定:   事件一方面可以理解成用户的行为,当用户对UI层做了某些操作时,程序可以捕捉到操作的类型.如:点击.长按.移动等.另一方面事件也是一种通讯方式,比如当程序运行时来电话.短信通知时会改变当前程序的生命周期.常用的事件类别主要有:  ●点击事件:Tap  ●长按事件:longTap  ●触摸事

# 微信小程序开发实战 ## 准备 ### 课程概要 - 微信小程序基本介绍- 开发环境及工具的安装配置- 微信小程序的设计规范- 微信小程序基本结构分析- WXML和WXSS语法规范- 微信小程序API使用- 微信小程序访问网络资源- 完整项目的开发流程 ### Demo 项目地址 https://github.com/zce/weapp-demo #### Clone or Download(需准备`GIT`环境) ```bash$ cd path/to/project/root$ git

一.微信小程序简单介绍: 微信官方介绍微信小程序是一个不需要下载安装就可使用(呵呵,JS代码不用下载吗?展示的UI不用下载吗?)的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用. 我的理解是:微信小程序依托与微信.如果将微信理解为一个计算机编译解释平台,那么微信小程序就是一个个小的应用.通过微信这个平台,微信小程序才能运行起来.这确实比传统的下载APP能节省很多内存空间(因为一些代码已经被微信这个大容器给封装了,你只需要一些简单的代码,就能调用一些系统功能.) 那么,它与H

昨天在群里,有刚刚使用WordPress版微信小程序朋友,在问安装过程中的问题,这些问题是经常被问到,这至少说明两个问题: 1.我开发的程序安装和使用不够简易,无法通过简单的配置就可以使用,特别是如果没有基本的wordpress或微信小程序的知识,是很难搭建成功的. 2.缺乏一个简明的安装使用说明.这是我昨天晚上刚刚意识到的,虽然我写了不少的文章来说明如何安装使用,但至今没有一个按流程一步一步指导使用者进行安装.这是我的失误吧,很明显还是从一个技术人员的角度来思考,缺乏用户体验的角度. 基于此,

最近微信小程序在it界火了起来,公司也要求我们开始接触微信小程序,废话不多说直接从配置微信小程序开始 1,首先,登录 https://mp.weixin.qq.com,(这里默认你已经获取到微信小程序的企业认证,而不是个人认证,也就是说你已经获取上线小程序的权利), 2,到"设置"界面,开发设置,这里你会看到服务器域名设置,先将request合法域名(请求数据的接口域名)这里写上你要请求数据时的后台接口(例如我的接口是:http://www.baidu.com),然后提交审核就行了,这

自WordPress版微信小程序发布开源以来,受关注的程度超过我原来的想象.这套程序主要面对的用户是wordpress网站的站长,如果wordpress站想在微信的生态圈得到推广,小程序成为一种重要的渠道.随着使用WordPress版微信小程序的人越来越多,针对这套程序(包括wordpress插件)的安装和使用的问题也增加了,有些问题比较简单,都是常识,有些问题只要认真去看我的撰写的文档,都可以得到答案.为了更好进行必要的技术支持,我建了一个微信群,抽时间回答相关的技术问题,但毕竟我的时间有限,

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