微信小程序学习指南

时间:2023-12-27 10:17:07
作者:初雪
链接:https://www.zhihu.com/question/50907897/answer/128494332
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

微信小程序正式公测, 张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文) ...

前言:新人第一坑,跳坑指南:修改后,必须保存;ctrl+S;

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

5:微信小程序公测接入指南:http://www.wxapp-union.com/portal.php?mod=view&aid=259

6:微信小程序支付文档:https://pay.weixin.qq.com/wiki/d ... pi.php?chapter=3_1#

7:新手入门宝典:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1989

8:免费视频:http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=37&filter=typeid&typeid=7

9:实战宝典:http://www.wxapp-union.com/special/solution.html

10:从注册到上线系列:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4375

11:精品合集:

微信小程序特殊效果合集第一期

微信小程序特殊效果合集第二期

微信小程序优秀教程及文章合集第一期

导航系列:

1-6月微信小程序导航:官方文档+精品教程+demo集合

7月微信小程序导航:官方文档+精品教程+demo集合

8月微信小程序导航:官方文档+精品教程+demo集合

9月微信小程序导航:官方文档+精品教程+demo集合

10月微信小程序导航:官方文档+精品教程+demo集合

11月微信小程序导航:官方文档+精品教程+demo集合

特别说明:

1:不了解微信小程序的同学,请先搜索一下微信小程序究竟是什么,有哪些特性;

2:有htmlcssjs基础者可以直接进入实践,边实践边学习,尤其是有react与vue基础的;

3:微信小程序不需要特别申请(认证或账号)即可开始使用工具开发;

4:微信小程序是需要后台的,不限定任何语言,提供小程序接口要求的json格式即可;

5:初次开发者,推荐阅读新手跳坑系列,有几个坑,先了解一下,遇到时便可以查阅了;

6:如有作者不希望自己的作品被放置在这里,请联系我删除;

7:如果遇到问题,推荐多使用搜索,对帖子及文章进行搜索;

微信小程序大事记编年史:旨在让大家独立去思考变化的意义:(日期非精确,仅为大致日期)

12月21日:微信小程序开放新增功能:分享,自定义模板消息,客服消息,扫一扫;

12月30日:微信开放带参数二维码,允许已上线的小程序制作进入任意页面的二维码;

1月9日:微信开放微信小程序;

1月22日:微信增加社交分类,允许提交社交类小程序,但是必须具备社交相关的资质证书;

1月25日:微信开始允许直播类小程序上线,上线的有腾讯now直播,企鹅电竞等;

2月1日:微信开放微信搜索,在微信搜索结果内将可以直接展示小程序,并且位置是第一位;但是仍需全名搜搜方可显示;

2月10日,微信开放部分关键词的模糊搜索显示,包括表情、美食、音乐、电影、读书、日记、计算、股票、日历、电商、酒店、出行、汽车、旅行、快递等领域;

2月19日:微信开发者社区从封闭状态,改为开放状态,任何人均可浏览;

2月23日:摩拜单车宣布原二维码也可以适用于小程序,使用微信扫一扫扫描摩拜单车二维码将直接打开小程序;

3月2日:微信公开课征集小程序案例

3月5日:马化腾回记者问中提出:小程序是面向未来的产品:马化腾:微信为什么力推小程序?微信公众号会推付费内容吗? ...

3月27日,微信官方宣传六大变化:快讯:公众号和小程序 新增三种连接方式,可使用原有二维码,与APP打通 ...

3月27日:微信官方宣传支持个人注册:微信小程序-快讯:小程序面向个人开发者开放-

3月30日:附近的小程序:微信小程序-官方:“附近的小程序”将开放,小程序连接更多线下场景

4月14日:微信开放长按识别小程序二维码功能;

4月17 日:小程序开放新能力;第三方平台,代码包大小限制扩大到2M

4月18日:小程序推出全新小程序码

预览图片API可以打开小程序码(小程序互跳)

4月20日:今天起,公众号可以关联不同主体的小程序了

4月21日:公众号群发文章支持添加小程序-

4月25日:最新消息:公众号和小程序名称支持同主体复用

4月27日:公众平台新增快速创建小程序

4月28日:甩掉流程,公众号可以快速注册新的小程序了

5月8日:开放群ID接口,可获取群ID和群名称

5月10日:开放“附近小程序”

5月12日:上线“小程序数据助手”,支持实时查询小程序数据

5月19日:新增页面内转发功能;支持接入微信运动步数数据等

5月27日:小程序码生成数量无限制;用户画像支持分析小程序数据

6月1日:公众号群发文章通过文字或图片链接打开小程序功能

6月3日:小程序新增推广功能,支持自定义关键词

6月14日:小程序新增“星标”功能

6月21日:新增小程序打开小程序的能力

7月6日:公众平台新增小程序运维中心等功能

7月12日:小程序升级页面体验相关能力

7月21日:小程序新增状态信息展示等能力

7月26日:小程序升级用户信息和UnionID的获取方式

8月3日:小程序新增新入口-微信群

8月5日:一个小程序可关联最多50个公众号

8月18日:附近的小程序新增餐饮类目筛选,且门店小程序支持外显视频或卡券标签

8月19日:小程序分享等能力升级

8月25日:手机号快速填写及会员卡开卡组件开放

8月31日:小程序开发工具全新上线

9月9日:微信搜索框新增小程序快捷入口

10月13日:升级录音、拍摄、音视频播放等多媒体能力

11月3日:小程序内嵌网页能力开放!小程序可关联500个公众号!

11月10日:小程序可通过公众号底部广告位推广、“小程序开发助手”发布、开发者工具内腾讯云服务支持PHP语言;

11月16日:支持创建微信小店小程序

12月1日小程序资讯集合

12月1日小程序Demo集合

11月17日小程序资讯集合

11月17日小程序Demo集合

11月11日小程序资讯集合

11月11日小程序Demo集合

11月6日小程序资讯集合

11月6日小程序Demo集合

1

10月24日小程序Demo集合

10月14日小程序资讯集合

9月22小程序Demo集合

9月15日小程序资讯集合

9月15日小程序Demo集合

9月8日小程序资讯集合

9月8日小程序Demo集合

9月1日小程序资讯集合

9月1日小程序Demo集合

8月18日小程序Demo集合

8月11日小程序资讯集合

8月11日小程序Demo集合

8月4日小程序Demo集合

7月28日小程序Demo集合

7月21日小程序Demo集合

7月14日小程序Demo集合

7月7日小程序Demo集合

7月7日更新小程序资讯

7月7日更新小程序Demo

6月23日更新小程序资讯

6月23日更新小程序Demo

5月8日更新:

--------

demo更新:
微信小程序demo:ofo共享单车,使用模拟数据,登录与退出

微信小程序demo:websocket测试(含java后端)

微信小程序完整demo:实时校园巴士(含PHP后端)

微信小程序demo:消防业务

微信小程序demo:二维码解锁(物业小程序)

微信小程序demo:asthma(课程学习)

微信小程序demo:日历;bootstrap字体图标

微信小程序demo:图灵聊天机器人

微信小程序demo:Growth

微信小程序练习demo:音乐播放,视频播放

微信小程序完整demo:搭伴拼团(PHP):微信支付,客服消息

微信小程序demo:天气预报

小程序完整demo:托福资料(springmvc+mybatis+CMS)

微信小程序demo:区块链;手机注册,扫码

微信小程序demo:FontAwesome自定义图标使用

微信小程序demo:简易日历

微信小程序demo:中欧商学院:自定义tabbar,轮播图

微信小程序完整demo:私语:语音笔记本(PHP)

微信小程序demo:手机归属地查询

微信小程序demo:可贴快递:自动选择快递,查询记录

微信小程序demo:重庆求职防坑手册:点赞,评论,发布信息

插件/工具更新:

微信小程序框架wepy - 滑动删除插件

微信小程序库--签名解密(php)

微信小程序图片剪切

微信小程序之自动登陆PHP源码

微信小程序后端接口:登陆,检验,数据解密(go语言)

微信小程序的异步请求

自动生成svg雪碧图,支持微信小程序rpx单位

微信小程序开发脚手架

微信小程序 手势事件

微信小程序滚动插件 xHSwiper

微信小程序脚手架

将分享卡片自动生成页面路径的的二维码的微信机器人

--------

5月4日更新:

--------

特殊合集:

微信小程序特殊效果合集第一期

微信小程序特殊效果合集第二期

微信小程序优秀教程及文章合集第一期

微信小程序项目总结系列:作者:Tong_T,博客地址:Tong_T的博客 - 博客频道 - CSDN.NET

微信小程序项目总结《一》序言、准备工作、项目构架

微信小程序项目总结《二》配置、首页面开发

微信小程序项目总结《三》阅读首页、阅读详情开发

微信小程序项目总结《四》电影首页、电影更多开发

微信小程序项目总结《五》电影首页、电影更多开发

微信小程序项目总结《六》项目结束和补充总结

--------

跳坑系列更新:

跳坑《一百七十六》蓝牙API使用指南-

跳坑《一百七十七》场景值系统使用

跳坑《一百七十八》基础库及兼容低版本基础库说明

跳坑《一百七十九》收货地址wx.chooseAddress使用说明-

跳坑《一百八十》剪贴板API使用说明

跳坑《一百三十二》用户未授权获取登录信息的替代方法

跳坑《一百六十一》wx.saveFile文件保存API使用指南

跳坑《一百八十二》arrayBuffer与base64互转接口-

跳坑《一百八十一》设置API:wx.openSetting使用说明-

跳坑《一百八十三》三轴加速度计使用及调试说明

跳坑《一百八十四》换取session_key报40029错误-

跳坑《一百八十五》encryptedData数据解密41003错误

跳坑《一百八十六》支付签名校验失败-

跳坑《一百八十七》MAP地图markers使用问题相关说明-

跳坑《一百八十八》MAP地图controls控件使用问题

跳坑《一百八十九》Uncaught Dom limit exceeded报错

--------

开发前必读简要 基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要;| 链接

微信小程序个人注册简单步骤 打开http://mp.weixin.qq.com,点击右上角立即注册,进入小程序注册| 链接

微信开发者工具【项目】详解 为什么我的小程序通过审核,但是搜索不到呢?原因是必须在后台内点击发布,才会发布;| 链接

小程序开发上线(发布)步骤 这篇帖子将简单的介绍基本的步骤,以便新手们建立一个基本的印象;| 链接

从零开始:微信小程序新手入门宝典 为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里; | 链接

安卓或ios开发者学习小程序指南 我发现很多安卓或是ios开发者,学习了小程序的开发,并且很顺利。 | 链接

WXSS/CSS相关知识说明 为了更适合开发微信小程序,WXSS对 CSS 进行了扩充以及修改。| 链接

使用官方WEUI-WXSS相关知识 使用官方 UI 简化设计开发流程,如果你的项目对 UI 定制要求不是很高的话。|链接

常用api域名配置列表及免费API集合 免费API大全以及后台配置域名的方法| 链接

一键添加小程序所有文件jswxmlwxssjson升级到新版后可以“一键”新建小程序4个常用文件,不用一个一个的去建,方便多了!| 链接

常用快捷键总结 (mac系统/win系统)1: opt + shift + f : 代码格式化2: cmd + [, cmd+ ]代码行缩进。。。| 链接

让他人体验自己的小程序 怎么让别人体验自己的小程序啊,我认为这个将是很多朋友即将遇到的问题| 链接

官方社区使用指南 为了让大家解决问题更有效率,官方社区是必不可缺的。| 链接

如何让微信小程序更容易审核通过 微信小程序审核不通过,有很多原因,其中最明显的一点就是:服务类目问题;| 链接

审核提供测试账号 自有账号体系 提交审核怎么提供测试账号| 链接

关于如何将大神demo应用于自己项目 把大神们造*的逻辑应用于我们项目的相应组件上,这就是基本思路,有思路才能优雅 | 链接

使用本地服务器进行调试 怎么请求本地网络啊 IP形式的网络?怎么访问本地架设的服务器?| 链接

开发者工具无法登录账号 最近开始频发无法登录账号的问题,诸如request https 404报错 登录态失效等 | 链接

小程序敏感词汇过滤问题 用户需要发表内容的小程序,需要设定关键词过滤,屏蔽掉政策不允许的内容:| 链接

公众号关联微信小程序简单方法 很多人可能会问,公众号如何添加微信小程序呢?步骤很简单: 1:https://mp.weixin.q | 链接

无法长按识别及无法分享到朋友圈的替代方法 看到@327674413 同学发了一个花样二维码,我看了之后,顿时来了一个灵感。。。 | 链接

使用PHP/thinkphp后端问题 后端部分跟小程序的前端部分是分离的 | 链接

使用java后端问题说明 请求数据方面没有区别,只需要提供json格式的数据接口即可;但是因为小程序方面对其他| 链接

使用nodeJS作为小程序后端node用的人很多啊。。稍微聚集一下相关的知识| 链接

使用C#解密用户信息 由于官方没有提供C#的解密demo,所以大家只能八仙过海各显神通了。。。 | 链接

使用第三方SDK及服务及扩展库及框架 目前已经为小程序开发了SDK及可以辅助开发的库或框架或SDK| 链接

使用第三方库(第三方js) 小程序怎样引用第三方js呢?第三方js是封装好的类库 想引用进来实例化使用| 链接

使用第三方编辑器(IDE开发小程序,并非一定要使用官方的编辑器,你也可以任意选择自己喜欢的编辑器;| 链接

模块化、组件化及封装 开发过程中要学会不断的重构代码,尽量提高代码的可重用性,尽量不要复制相同的代码。| 链接

参数传递,跨页面传值或通讯相关知识 这个东西,是开发小程序必备神器,越深入了解,越可以有效的帮助自己|链接

图表类:折线图,柱状图,K线,分时图 各类图表功能,小程序自带API并没有提供,所以很多人就用了其他方法来实现。| 链接

模版template使用,import及include template是小程序中的一个重要应用;WXML 提供两种文件引用方式import和include。 | 链接

富文本解析:将html转为为wxml富文本解析是一个困扰无数人的问题,目前网上的解决方案已经比较多了 | 链接

自定义字体/自定义图标相关 自定义图标及自定义字体,一直是很多小程序开发者的心病| 链接

微信小程序真机预览跟本地不同的问题 本地可以看到数据,打开调试也可以看到数据,关闭调试则看不到数据;或是开发版可以看| 链接

常见错误及基本排除方法 也接触了不少人解决问题的过程里,有一些比较难以排查的可能性列举在这 | 链接

ios苹果真机相关问题 此问题只在ios上出现,而安卓没有问题;或是这个问题同时在安卓和ios上出现;| 链接

Android安卓真机相关问题 本帖特别针对以下两个情况:情况一:此问题只在安卓上出现,而ios没有问题;| 链接

Javascript 标准库兼容性及ES6支持度说明iOS、Android 和 开发者工具。三端的脚本执行及用于渲染非原生组件的环境是各不相同的| 链接

ssl证书相关问题errMsg: "request: fail ssl hand shake error"等错误及免费证书申请地址| 链接

小程序1024K限制及代码压缩相关 为了提升小程序体验流畅度,编译后的代码包大小需小于 1MB ,大于 1MB 的代码包将上传| 链接

微信小程序支付(微信支付签名错误 发起支付时的签名需要有appId(不是appid,大小写)| 链接

微信支付(微信小程序支付) 小程序仅支持微信支付;而微信支付需要认证后才可以使用,需要花费300元认证费用;| 链接

微信登录问题 有个登录功能,为什么小程序在别的手机上无法登录?| 链接

Session、session_key及checkSession checkSession 就是用来检测 session_key 是否过期| 链接

用户未授权获取登录信息的替代方法 用户如果拒绝授权,需要10分钟等待后才可以再次申请授权;| 链接

授权获取用户信息的弹窗 授权获取用户信息窗口在开发工具可以多次提示,在手机上测试的时候只弹出一次,这是正| 链接

openid与unionid微信登录必备| 链接

解密获取unionid问题unionid,需要 先在微信开放平台内绑定小程序;http://open.weixin.qq.com,方可解密出unioni| 链接

带参数二维码,返回数据保存为图片php,java,node,C#等保存为图片的方法| 链接

带参数二维码相关知识 生成的数量有限制,总共只有10万个;另外,扫码访问次数没有限制。| 链接

MD5加密使用说明 聚集一下md5加密在小程序中的使用相关的内容: | 链接

页面路径五层限制 官方规定页面路径只能是五层,请尽量避免多层级的交互方式。| 链接

并发数及连接数限制及promise/async/await request 的最大并发数是 5;upload/download最大并发限制是 5 个| 链接

wx.downloadFile问题downloadFile,需要在小程序公众后台配置相应的downloadFile域名,否则会无法正常使用|链接

wx.uploadFile(上传文件)相关问题 特别提示一:upload必须在小程序公众后台配置上传域名,才可以在真机使用。| 链接

图片上传问题 域名检测全部是正确的,并且后台也配置了域名,但是安卓就是无法上传图片:| 链接

wx.openDocument打开文件 新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx| 链接

wx.saveFile文件保存API文件保存API是很多人懵逼的。。。| 链接

模板消息相关问题说明 当用户在小程序内完成过支付行为,可允许开发者向用户在7天内推送有限条数的模板消息| 链接

客服消息相关(客服按钮修改 客服按钮能自己定义吗?可以的| 链接

swiper轮播图组件1:如何上下滚动;2:如何点击;3:如何自定义指示点| 链接

button按钮组件使用button用来配合form或者单独点击| 链接

分享相关 知识onShareAppMessage只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮| 链接

image图片组件使用background-image:可以使用网络图片,或者 base64,或者使用标签| 链接

模态弹窗wx.showModal及遮罩层 带有输入框的弹窗| 链接

微信小程序缓存API相关知识 关于数据缓存,怎么能获取到本地缓存使用了多少,还剩多少| 链接

map组件,地图使用相关问题 包括百度地图,腾讯地图,高德地图api及各种地图相关demo| 链接

WebSocket相关问题说明 请保证wss域名符合https的要求;比如备案,不得带有端口等;| 链接

canvas相关问题说明canvas、textarea、video层级最高的变通方法| 链接

音频相关问题:播放,录音等相关 包括语音识别类demo及教程| 链接

录音文件格式为silk(silk转mp3) 暂不支持模拟录音,手机上录音目前是silk格式。如何转为mp3困住了不少人|链接

语音搜索及语音识别相关 这属于小程序框架体系之外的功能,可以将语言传给第三方服务器进行识别| 链接

progress进度条及slider凑合看吧,比如自定义圆形进度条。。。| 链接

radio单选(单项选择器 文章及demo可能并非是radio的使用说明,而是实现了自定义了单选等;| 链接

switch开关选择器使用 自定义switch方法说明| 链接

组件系列:scroll-view实现滑动及锚点功能| 链接

组件系列:textarea textarea可能出现的问题五花八门,请做好心理准备| 链接 input组件 坑点较多。。。| 链接

重力感应及罗盘API开始搞摇一摇了。。。| 链接

计时器/倒计时相关 倒计时,计时器等组件使用说明| 链接

视频播放相关(video组件)video标签认宽度300px、高度225px,设置宽高需要通过wxss设置width和height。| 链接

text组件,文本换行及空格 总结一下text组件,以及文本换行,文本溢出及空格,复制问题;| 链接

animation动画相关问题 本帖主要是针对animation的使用相关的教程及问题说明| 链接

toast吐司组件问题说明(自定义toast) 包括自定义toast等问题说明| 链接

picker及picker-view组 用途广泛的联动选择器,目前已经比较实用了;| 链接

tabbar相关问题说明 包括tabbar不显示,自定义tabbar等问题的说明| 链接