微信小程序

powderhose 2019-12-13

微信小程序申请地址:

https://mp.weixin.qq.com/ 微信公众平台

https://open.weixin.qq.com/ 微信开放平台

微信小程序的文档: https://developers.weixin.qq.com/miniprogram/dev/index.html

小程序: 小程序是一种新型的轻量的开发技术。小程序是一种不需要下载安装即可使用的应用，它实现额应用触手可及的梦想，用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载

主体APP

一个小程序主体部分主要有三个文件组成, 必须放在项目的根目录下

文件类型	必填	描述
app.js	是	小程序入口
aoo.json	是	小程序全局配置
app.wxss	否	小程序全局样式

页面(page)

一个小程序有4个文件组成

文件后缀	必填	描述
.js	是	页面逻辑
.wxml	是	页面布局结构
.wxss	否	局部页面布局样式
.json	否	局部配置

小程序的基本目录结构

├── app.js ...................................................... 小程序入口文件├── app.json .................................................... 小程序全局配置├── app.wxss .................................................... 小程序全局样式├── pages ....................................................... 所有页面目录├── index ................................................... index页面目录│── index.js ............................................ index页面业务逻辑  ├── index.wxml .......................................... index页面布局结构  
├──index.wxss .......................................... index页面布局样式
├── logs .................................................... logs页目录 
├──logs.js ............................................. logs页面业务逻辑       
├──logs.json ........................................... logs页面配置文件       
├──logs.wxml ........................................... logs页面布局结构     
├── logs.wxss ........................................... logs页面布局样式
├──project.config.json ......................................... 开发工具配置文件
├──utils ....................................................... 公共逻辑   
├──util.js ................................................. 实用工具

: powderhose

相关推荐

小程序入门--了解小程序

小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。1 个人号和企业号而且不能互转，建议申请企业号，企业号有更强的能力，比如支付能力。其次注册商标的优先级很高。还有一些坑是很多微信开发者

戴翔的技术 0喜欢 / 0评论 2020-06-05

类似微信聊天小程序-网易云信，IM DEMO小程序版本

云信IM DEMO 小程序版本，是一套使用网易云信IM端SDK，基于微信小程序原生开发方式开发的一款类似于微信的聊天小程序。小程序DEMO的推出，使得云信SDK的开发者们可以更便捷的借助微信渠道推广他们的产品。主要功能点如下：

sucheng 0喜欢 / 0评论 2020-04-29

为什么小程序不提供 DOM 接口

这么样的结构还导致了 JS 就被设计成为了单线程的语言。因为若是多线程的话，那么操作 DOM，就会遇到麻烦。比如说一个修改节点，一个删除节点，DOM 视图先听谁的呢？解决这个问题就得上锁，但 JS 创立之初结构是比较简单的，为了避免语言变得复杂，而天然的使

liaoxuewu 0喜欢 / 0评论 2020-04-07

一个人开发一个产品，小程序从0到1 ，第1章开发工具

为了帮助开发人员简单地新建项目，高效地开发微信小程序，微信团队提供了一套微信开发者工具。不用纠结在什么平台下开发比较好的问题，毕竟它是跨平台的，跨平台的工具，无论是在Windows下，还是在macOS下，都是一个熊样，你喜欢就好。双击下载的安装包，Wind

sucheng 0喜欢 / 0评论 2020-03-07

微信小程序全局配置知识点

疫情在家无聊总结一下微信小程序一些基础小知识希望对初学者有帮助。让我们一起对疫情“逆战”吧！件名）信息。?件后缀，框架会?动去寻找对于位置的 .json, .js, .wxml,.wxss 四个?，此处就应该有多少个选项。，都需要对 pages 数组进?

戴翔的技术 0喜欢 / 0评论 2020-02-21

小程序开发----自定义会员卡卡号和用户领取，以及简单介绍卡券功能和注意事项

　　前一段时间做项目涉及到这方面的内容，看了技术文档，小程序页面没有详细介绍，要前往微信公众号开发文档，卡券功能是先为微信公众号开发的功能，后来也提供个小程序，文档在小程序中没有过多的介绍，微信文档我就不想过多的吐槽了，大家都懂。$post[‘card‘]

hgzhang 0喜欢 / 0评论 2020-02-18

python获取微信小程序openid及用户信息

填坑记录：1.个人微信公众订阅号是不能申请微信认证的。这句话的意思就是个人订阅号无法开发小程序。python 在Linux下使用AES时要安装的是pycrypto模块pip install pycrypto

Laozizuiku 0喜欢 / 0评论 2020-02-16

微信小程序 —— 自留总结

戴翔的技术 0喜欢 / 0评论 2020-02-03

微信小程序是什么

在 app.json 的 pages 字段，添加需要新建的页面的路径，将会自动生成该页面所需要的文件。wxss的图片引入需使用外链地址；小程序启动，或从后台进入前台显示时，执行很多次。小程序的组件就是指html的标签，不过是内部的标签，微信对标签进行了封装

powderhose 0喜欢 / 0评论 2019-12-20

微信小程序wepy框架学习和使用心得

微信小程序WePY框架是腾讯官方推出来的框架,类似的框架还有美团的mpvue,京东的Taro等; 目前公司开发小程序主要用到的是微信原生方法和官方的wepy框架; wepy框架在开发过程中参考了 Vue 等现有框架的一些语法风格和功能特性，对原生小程序的开

FutrueJet 0喜欢 / 0评论 2019-11-17

码code | 9款小程序开源框架和组件库，值得收藏！

想要一套代码直接跑多端！想要直接套用框架实现开发！想要在小程序内拥有微信同款UI！那就不妨试试小程序开源框架和组件库，开发小程序项目也能变得更加简单，高效。今天我们收集了些实用的开发框架、组件库以及腾讯官方插件，大家可以了解一下。特点：支持包括H5、移动端

FutrueJet 0喜欢 / 0评论 2019-11-16

浅谈小程序生命周期

马上要做小程序的开发啦，看了一波文档，总结一下。逻辑层由js 编写，视图层由WXML和WXSS编写。WXML 用来描述页面结构，相当于HTML;WXSS用来用来描述页面样式，相当于CSS。小程序进入后台时，先触发页面的生命周期函数onHide，再触发小程序

powderhose 0喜欢 / 0评论 2019-11-07

Taro编写微信小程序时，自定义组件样式引入后不生效

使用 Taro 开发微信小程序的时候，将原来的main.js页面拆分为多个函数式组件的时候，发现main.js已经引入的scss文件里面的类，在自定义组件中不生效。编写组件样式时，需要注意以下几点：。组件和引用组件的页面不能使用 id 选择器（#a）、属性

liangliangshuo 0喜欢 / 0评论 2019-11-04

mpvue + Vant weapp + 微信云服务打造小程序应用

　　从事小程序开发已经大半年的时间了，但是一直都是再用原生写项目。正好最近项目搁置，有了空闲时间，就研究了下mpvue + Vant weapp + 微信云服务开发。开发过程中遇到不少的坑，也有一些心得，通过这篇文章分享给正在踩坑的各位小伙伴，希望能对你们

hgzhang 0喜欢 / 0评论 2019-11-04

个人小程序应用开发指南

小程序依附于各大平台，支付宝、微信、头条、百度等小程序，都是在平台上进行开发，平台提供对应的技术支持和用户环境。对于个人开发者，这个还是蛮方便的，它本身带有流量属性，易于传播。最近在弄自己的小程序，所以整一篇文章总结一下。小程序开发相当的便捷，配合官方文档

hanren 0喜欢 / 0评论 2019-11-04

今天，讲几个小程序员的故事

对于未来即将走进的“小世界”，此刻他还全然不知。小程序已经构建了一个完整的开发环境和开发者生态，超过150万开发者进入小程序生态，2017年带动就业104万。今天，我们找到了几位创始小程序员，来听听他们的故事。和自选股一样，在小程序测试中和发布后，大量开发

无心程序员 0喜欢 / 0评论 2019-10-24

小程序开发过程中需要注意的地方-甲由科技

在微信的小程序界面，都有微信提供的导航栏，统一解决小程序导航问题。注意异常状态，有路可返回。在提交完需求时，应当与相关人员确认所有细节，以免影响开发进度。目前小程序有两种开发模式，一是自己开发，二是找专业的开发服务商来开发。小程序的消息推送受到了微信的限制

zonehh 0喜欢 / 0评论 2019-09-08

小程序员的一天又开始了

在古代，一天分为十二个时辰，一个时辰相当于我们现在的2个小时。也许你会说，小程序开发者的十二时辰不就是敲代码改bug吗？其实现在，大多数是一个人团队，既要做好开发又要做好运营，一天十二时辰要做的事情实在是太多了。怎样才能好好利用十二个时辰完成自己的工作？这

CodeAndroid 0喜欢 / 0评论 2019-09-07

微信小程序wepy框架学习和使用心得详解

微信小程序WePY框架是腾讯官方推出来的框架,类似的框架还有美团的mpvue,京东的Taro等; 目前公司开发小程序主要用到的是微信原生方法和官方的wepy框架; wepy框架在开发过程中参考了 Vue 等现有框架的一些语法风格和功能特性，对原生小程序的开

意外金喜 0喜欢 / 0评论 2019-05-24

微信小程序系列之自定义顶部导航功能

使用mpvue开发小程序，src目录下默认会生成一个components文件夹；由于自定义组件所有webview页面都要使用，所以把它归类为公共组件；由于不同设备statusBarHeight值可能有差异，自定义组件的高度取决于statusBarHeigh

Donutsapps 0喜欢 / 0评论 2019-05-21

微信小程序云开发搭建一个管理小程序

开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力。云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互

微信小程序研究 0喜欢 / 0评论 2019-05-17

微信小程序云开发使用方法新手初体验

今天看到微信推送了一条小程序云上线通知，作为一个前端er，满怀期待的去看了看，很不错先看看文档上怎么说的：。开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力。云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，

CodeAndroid 0喜欢 / 0评论 2019-05-16

微信小程序的mpvue框架快速上手指南

一.什么是mpvue框架？mpvue 是一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 V

weishine 0喜欢 / 0评论 2019-05-15

使用taro开发微信小程序遇到的坑总结

Taro，京东凹凸实验室出品的适配多端的一个框架，Taro 是一套遵循 React 语法规范的多端开发解决方案。现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针

wiuqt 0喜欢 / 0评论 2019-04-08

我是如何学习小程序的

前段时间和大家一起分享了一篇关于学习方法的内容《大牛与搬运工的差距——学习方法的力量》。我们将学习过程分成八步，并借鉴了敏捷开发的迭代思想，以达到自我迭代学习的效果。行胜于言，理论结合实践才是王道，所以本文我将基于前面的学习方法，分享我是如何学习微信小程序

miyunkeji 0喜欢 / 0评论 2018-08-08

【微信小程序】

小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。在微信公众平台注册小程序，完成注册后可以同步进行信息完善和开发。完成小程序开发后，提交代码至微信团队审核，审核通过后即可发布。当用户再次进入微信或再次打开小程序，小程序又会从后台进入前台。当小程

miyunkeji 0喜欢 / 0评论 2019-09-01

微信小程序-wepy学习笔记

重要提醒使用微信开发者工具-->添加项目，项目目录请选择dist目录。微信开发者工具-->项目-->关闭上传代码时样式自动补全。

zhaidpjava 0喜欢 / 0评论 2019-07-01

不止微信、支付宝！一文带你了解所有小程序平台

01 微信关于微信小程序2017 年 1 月 9 日，微信小程序正式上线。而在 2018 的全年财报也表明，微信小程序日活跃账户数增长迅速，用户人均日访问量同比增长 54%，而中长尾小程序也占到了小程序日均总访问量的 43%。在小游戏中，微信已有单月流水过

likeconan 0喜欢 / 0评论 2019-07-01

微信小程序之icon

当需要在小程序中使用图标的时候，很多人第一反应都是通过iconfont，我和我的同事最开始也是这样，但其实如果你仔细阅读小程序开发文档，会发现微信小程序有提供一些原生的图标，已经可以解决前端开发中需要用到的很多图标。微信小程序提供的9种原生图标：。分别对应

moldy0 0喜欢 / 0评论 2019-07-01

Taro 简介

Taro 介绍在互联网不断发展的今天，前端程序员们也不断面临着新的挑战，在这个变化多端、不断革新自己的领域，每一年都有新的美好事物在发生。这时候，如何通过技术手段来提升开发效率，应对不断增长的业务，京东前端凹凸实验室开源多 Taro 就此诞生。同时于开发者

quanquanxiu 0喜欢 / 0评论 2019-07-01

初探微信小程序

最近的项目中，需要学生端使用微信小程序，所以这两天做了一下小程序的原型。在这里总结一下踩过的坑。组件库的选择上来遇到的第一个大问题就是组件的选择。因为微信原生的实在是又不好看，又不好用。虽然有官方文档，但不得不说，不适合新手使用。WeUI本身是有较完善的文

liangliangshuo 0喜欢 / 0评论 2019-07-01

技本功丨收藏！斜杠青年与你共探微信小程序云开发（上篇）

人设千万种，“高危”的大概有两种：好老公/老婆 & 学霸。So，忘掉翟XX吧！让我们好好学习，跟着#技本功#，学点真材实料的东西~云开发是小程序为开发者提供的完整的云端支持。当然是先看微信的官方文档啦！以上的配额满足了一般个人开发者使用并且目前是免

liangliangshuo 0喜欢 / 0评论 2019-07-01

阿里云ARMS重磅推出小程序监控，助力小程序稳定运行

2018年是小程序蓬勃发展的一年，各大公司如腾讯、阿里、百度、头条等都陆续推出了自己的小程序，小程序已成为一个未来必然的趋势、移动互联网的新风口。据数据统计，目前已上线的微信小程序已超过100万，支付宝小程序、钉钉E应用、百度智能小程序、头条小程序等也在不

klshige 0喜欢 / 0评论 2019-07-01

微信小程序如何调用后台service的简单记录

写在前头，本篇文章简单记录一下，在前后端分离的微信小程序应用中，前端访问后台service的实现思路，没有过多涉及技术实现方面。先上一张官网的图片，它很清楚的讲明了要在后台service为每一个小程序用户提供登录信息需要做哪些事情。用户拿到了后台给的登录凭

weixiaocheng 0喜欢 / 0评论 2019-06-30

小程序微信支付开发流程记录

支付结果通知的安全性问题。需要在微信商户平台配置支付目录，只有跳转到了支付目录的地址，才能发起微信支付。网页需要获取openid需要进行一次页面跳转，需要用户对网页授权之后，才能获取到code，获取到code之后，再使用code获取到openid，再进行统

klshige 0喜欢 / 0评论 2019-06-30

微信天气小程序教程

前言这是一个微信天气小程序开发教程，简单易学，半天即可完成。可根据天气不同，配置不同的背景图片。初始默认实时定位当前位置天气，也可搜索查询各地区天气。具体实现效果如下：。初始化项目首先要注册小程序、以及安装微信开发工具，这些在小程序开发文档中都有详细说明，

意外金喜 0喜欢 / 0评论 2019-06-30

微信小程序练手 demo 之天气小程序总结(流水账)

想大致了解微信小程序的基础结构，加上之前没有写过 MVVM 结构，也借此了解一下，由于之前写过天气的 demo，这次也用比较熟悉的天气预报作为实现的功能，所使用的接口是和风天气，利用到的 API 有实况天气，多日天气预报，逐小时天气预报，生活指数，

liangliangshuo 0喜欢 / 0评论 2019-06-30

用微信小程序云开发做一个错误日志

我司没有测试，所以产品上线的话比较多不确定性云开发业务并不稳定，且有限制，所以不建议直接用做整个小程序的后台开发。我这里给它取名叫error-storage。那么还是按照微信推荐，一个做测试一个做正式，命名也尽量规范一点。然后它的环境限制也是我们目前不拿它

liangliangshuo 0喜欢 / 0评论 2019-06-30

小程序云开发实战系列01--云环境设置

因为工作原因，使用过亚马逊AWS的serverless构架，当时就觉得这是一个非常适合小程序的基础设施。今年开始自己的微信小程序开发，决定用serverless架构，于是便使用了腾讯云做为小程序的后端，总结下来有以下几个痛点：。当暴露API给小程序时，需要

BondXu 0喜欢 / 0评论 2019-06-30

小程序的项目结构设计

简要认识小程序开发其中小程序的构成是由.wxml、.wxss、.js、.json四种类型构成。其开发方式跟传统网页开发是十分类似的。只不过它里面采用的语法跟传统的HTML语法有些差异, 比如标签的名称是微信自己在底层封装的组件。js一直都是作为跟页面交互角

klshige 0喜欢 / 0评论 2019-06-29

原生小程序学习小结，mpvue+mpvue-weui+fyl.js小程序项目搭建笔记

学习小结：1、小程序、订阅号及服务号都是在微信公众平台的体系下，但小程序本身与订阅号及服务号是完全独立的，需要重新注册；无法操作DOM，通过改变page data来改变视图展现。数据绑定采用Mustache双大括号语法。事件绑定和条件渲染，全部写在WXML

zzrshuiwuhen 0喜欢 / 0评论 2019-06-29

三周学会小程序第二讲：客户端代码准备和基础功能讲解

通过上一讲大家已经申请了小程序了，这一讲我们主要讲解三部分，小程序开发工具使用，客户端代码准备，和基础的客户端讲解，并且运行第一预览版本。本文不会带你从零搭建一个小程序，而是直接提供一个可预览版本。不过你不用担心这样学习的不彻底，因为开发过程中你已经融会贯

猫耳山在天边 0喜欢 / 0评论 2019-06-29

同时兼容iOS、Android、微信小程序的UI引擎

在应用开发过程中，一些效果使用纯前端h5实现体验比较差，为此开发者会选择相应的原生UI模块来替代，原生模块性能和体验好，但目前存在的一个问题就是界面可定制性比较差，不能百分百满足需求。为此，结合原生模块的性能和体验以及前端开发的灵活性，APICloud推出

cc工作学习有感 0喜欢 / 0评论 2019-06-29

apicloud拉起小程序并传递参数

最近工作中遇到一个需求：App拉起微信小程序。App是用APICloud开发的。查阅APICloud文档发现端API->开放SDK->wx模块下有launchMiniProgram方法可以实现官方文档。miniProgramType: 'te

LadyFork 0喜欢 / 0评论 2019-06-29

今日头条小程序平台今日发布，头条小程序开放了哪些能力？

继微信、支付宝、百度发布各自的小程序平台后，在今日头条生机大会上，今日头条启动生态升级，打造基础设施最完备的内容平台，并且发布了头条小程序平台。小程序官方示例使用在今日头条客户端中搜索“小程序能力展示”，或扫描下方二维码即可体验。

small 0喜欢 / 0评论 2019-06-29

SegmentFault 社区上线小程序开发频道，助力小程序开发者生态

2016 年 9 月 21 日，微信发布小程序内测，11 月 3 日对开发者公测，2017 年 1 月 9 日微信小程序正式面向 C 端用户开放。作为腾讯生态中的重要一环，微信小程序的开发浪潮席卷了整个互联网圈，它以一种轻应用、高体验的方式实现了应用 “触

zhaidpjava 0喜欢 / 0评论 2019-06-28

【个人】微信小程序初体验

很早前就想体验一把小程序的开发了，如果熟悉三大框架的话，小程序的开发还是很容易上手的，所以只要跟着做一个小应用，加上官方的文档就十分好学了。加上官方提供的开发工具也比较简洁好用，初次体验的我觉得真的十分方便。在选择项目文件夹的时候，这个目录就会被直接放入我

ZZZhangbingyi 0喜欢 / 0评论 2019-06-28

小程序的全栈开发新时代

欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~本文由heyli发表于云+社区专栏什么是小程序·云开发小程序·云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力，简言之就是：云能力将会成为小程序的基础能力。整套功能是基于腾讯云全新推出的云开

cc工作学习有感 0喜欢 / 0评论 2019-06-28

用mpvue开发微信小程序

文件创建好以后要到srcapp.json中进行注册。<subComponent @postResult="父组件处理方法"></subComponent>2、父组件调用子组件的方法父组件向子组件传递参数: mpv

YClimb 0喜欢 / 0评论 2019-06-28