微信小程序从入门到跑路-上(转)

2018-12-25 本文已影响29人大老哈

微信小程序正式公测， 张小龙全面阐述小程序，定档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日：支持创建微信小店小程序

2018年1月25日：小程序支持打开移动应用

2018年1月29日：【小程序新功能】收款通知正式上线

2018年2月2日：小程序开发工具支持真机调试

2018年3月14日：小程序开放插件功能

2018年3月30日：小程序内测广告组件与新增快速创建能力等

2018年4月20日：微信服务直达开放新类目内测

2018年4月26日：小游戏新增激励式视频广告组件、防沉迷接口等能力

2018年5月18日：分享功能调整及小程序组件更新

2018年5月19日：App打开小程序及内容安全等能力开放

2018年6月15日：小程序基础能力及开发者工具升级

2018年6月19日：小程序分包加载功能升级，新增性能监控

2018年6月22日：小程序插件能力升级：开放插件登录能力

2018年7月12日：小程序广告组件全量开放

小程序实战教程

做好这三步，你的小程序离“爆款”就不远了* 撸一个小程序前置授权组件* 小程序—九宫格心形拼图效果* 小程序的持续集成方案* 微信小程序iOS端如何暂停animated动画* 小程序如何获取群聊的openGid以及名称* Asp.Net Core SignalR 与微信小程序交互笔记* 解决微信小程序真机 showToast 不显示* 微信小程序实现WebSocket心跳重连* 支付宝首页置顶小程序入口* 小程序的拖拽、缩放和旋转手势* 强烈推荐：绝对是最好的一个小程序开源框架* 微信小程序：漫画小程序项目总结* [微信小程序开发]如何去掉或隐藏小程序顶部栏navigationBar* 解决微信小游戏排行榜 Android 模糊问题* 新版微信内含5大彩蛋，有一个极其“反人类”！* 简易商城小程序全栈开发(mpvue+koa+mongodb)* 微信小程序--旋转木马/缩放轮播图效果* 微信小程序使用相机* 微信小程序 - 前三排名实现* 小游戏灰产深度调查：刷量成瘾“涮”了谁？* 微信小程序开发之从“跳伞”到“吃鸡”* 小程序自定义组件-可清除的input组件* 微信小程序适配 iPhone X 总结* “后悔”订阅号改版？腾讯想要的一直很明确* 基于后端云微信小程序开发* 小程序开发实用技巧——扩展 Page 页面对象* weapp-cookie：一行代码让微信小程序支持 cookie* 微信小程序调起键盘性能优化* 小程序社交层面的6种推广方法，了解一下啊！* 多人对战游戏开发实例之《组队小鸡射击》（附源码）* 微信小程序车牌键盘* 开发笔记：使用 mpvue 开发斗图小程序* 2018互联网最终幻想：短视频掌握人生，还是小程序栅格化世界 ...* 总结：猜画小歌火爆的3个因素以及背后折射的产品理念* 微信小程序开发框架从入门到放弃* 简单谈谈setTimeout与setInterval* 扫码付小程序优化实践* 小游戏灰产深度调查：刷量成瘾“涮”了谁？* 从BAT小程序到手机厂商快应用：看着相似，但各有痛点* 微信小程序仿APP section header 悬停效果* 小程序开发技巧总结* 一款小程序增强开发工具 - EWA* Google 小程序「猜画小歌」背后的 AI 技术和原理浅析* 百度腾讯双核驱动，小程序的“黄金时代”已来？* 微信小游戏好友排行榜快速开发教程* 手把手教你搭建小程序音视频* 精确计算微信小程序scrollview高度，全机型适配* 微信小程序Java登录流程（ssm实现具体功能和加解密隐私信息问题解决方案） ...* 谷歌“猜画小歌”入驻微信小程序，折射 Google AI 入局中国的野心 ...* 【微信小程序】性能优化* 喂，快给我打一个小程序预览码* 微信大升级，“我的小程序”入口将会被哪些产品抢占？* 小程序内容产品是不是伪命题？认真你就输了！* 微信揭秘小程序搜索排名规则，公众号竟是重要关键！* 小程序--推荐一个我梦寐以求的开源库* 微信小程序：一个json帮你完成分享朋友圈图片* 微信2018年上半年“大招频出”，原因何在* 突发！微信放大招，开放50个小程序超级入口* JDReact 小程序双向转换工具介绍* React转微信小程序:双模板联动* 小程序“三国杀”：百度向左，微信、支付宝向右* 小程序 LRU 存储设计* 微信小程序研究报告：3大趋势，揭示小程序的边界（附排行榜） ...* 我与小程序的故事以及小程序框架选型* 小程序分享，看这篇就够了* 微信小程序的下一步：支持 NPM、小程序云、可视化编程、支持分包 ... ...* 猫眼小程序如何发展起来，并留存用户？* 小程序广告组件全量开放* 小游戏大能量，数据见证100天：2000＋款游戏，100＋项能力，千万级日流水111 ...* 微信小程序 canvas 绘图问题总结* 微信小程序腾讯视频插件的使用* 小程序浅析* 浅谈：如何策划小程序拼团活动？* 轻应用开发的"下半场"，会是一场鸡肋反击战吗？* 微信小程序隐藏客服按钮，用图片替代&增加提示卡片可随时关闭。 ...* 新手入坑mpvue(没朋友)实战指南* 微信重磅更新品牌搜索功能开放* 百度新发布的智能小程序是什么？* 2个方面总结：小程序的产品设计* 如何获得你的第一个智能小程序* 百度智能小程序介绍* 微信小程序中如何打开另一个小程序* 微信小程序自定义组件 - 弹出菜单demo* 小程序火了！BTA三家要借它打造成流量收* 拼多多：成为洞见“微信生态”的标杆* 微信小程序 CSS 选择器::after和::before的简单使用* Taro实践 - TOPLIFE小程序开发体验* 小程序生成图片库* 被订阅号反将一军的小程序，还有创业机会吗？* 百度智能小程序割微信韭菜：开发者成最大赢家* 微信小程序如何获取地理位置和进行地图导航* 微信小程序 CSS filter（滤镜）的使用示例* 微信小程序设置图片固定比例* React转微信小程序：从React类定义到Component调用* 2018新媒体下半年深度预测：增长恐慌，流量洼地* 微信小程序 wx.request 对于 JSON 含 u2028 处理异常* 微信小程序根据金纬度规划路线* 微信小程序测试指南* 微信小程序客服自动回复消息功能踩坑* 小程序基础核心组件库处理Banner、图片上传、列表刷新* 成了腾讯“增量”利器，微信小程序的春天真来了？* 微信小程序使用code换openid的方法（JAVA、SpringBoot）* 微信小程序填坑心路* 小程序生态带来的流量红利，微博也不想放过* 你有一份小程序产品设计心经，请查收* 600天后，这是我关于小程序生态、入局和流量的理解* 小程序•小故事——真机定位问题技巧* 小程序上传一张或多张图片到阿里云OSS* 微信小程序专题之setData* 【微信小程序】编译 .wxss 文件异常解决* 微信小程序利用canvas生成海报分享图片* 记一次小程序项目的开发心得* 原型故事之「蜂巢群聊」小程序* 微信小程序带图片弹窗简单实现* 小程序之保存图片到相册的几种方法* 微信小程序——获取绑定事件元素的ID* 适配mpvue平台的的微信小程序日历组件mpvue-calendar* 微信小程序支付流程梳理* 【腾讯游戏人生】微信小程序开发总结* 微信小程序-封装请求（GET、POST）* 浅析微信小程序 App() 和 Page() 函数的内部实现* 2周1500万GMV！礼物说这个端午节营销做对了什么？* 赞赏和转载功能升级* 【小程序】微信小程序绑定企业微信后怎样获取到用户信息* 终极蛇皮上帝视角之微信小程序之告别“刀耕火种”* 没朋友(mpvue)，点个外卖，一个人也要好好吃饭* 微信订阅号改版，真的算是“信息流”了吗？* 从聊天工具到小程序微信的操作系统之路* 实操总结 | 小程序裂变0成本获客3要素* 小程序开发心得* 要和微信小程序竞争？华为应用商店正式上线快应用：不下载就能用 ...* 小程序——带参返回上一页几种方法* 七天速成小程序--喜马拉雅* mpvue开发小程序所遇问题及h5转化方案* wx-caman——基于 CamanJS 的微信小程序 Canvas 像素级滤镜处理库* 小程序插件能力升级：开放插件登录能力* 小程序的十万个为什么丨框架* 小程序的十万个为什么丨框架* 『技术分享』—— 我的第一个微信小程序-趣闻* 携程小程序初体验* 爱奇艺小程序陪你嗨一夏* 微信小程序模拟 cookie* 重磅 | 微信订阅号全新改版上线！* “小红书”——给你安利几个小程序的“坑”* 世界杯来了！小程序赛事操作来一波~* 娱乐型小程序是如何鹤立鸡群的？* 小程序中如何接入人脸融合功能* 微信小程序开发之从相册获取图片使用相机拍照本地图片上传 ... ...* 微信小程序 open-data更改样式 open-data 显示头像圆形* JS实现监控微信小程序* 小程序分包加载功能升级，新增性能监控* 小程序效果--星星评价（网页通用）* 小程序: moveable-area 和 movealbe-view* Atom 微信小程序文件代码高亮* 微信群互喷席卷全网，群主月入数万闷声发财* 小程序基础能力及开发者工具升级* appium+python自动化56-微信小程序自动化（摩拜为例）* 找工作怎么办，拉勾小程序来帮你* wepy+weappx开发小程序遇到的坑以及解决方案* 力挺京东618，微信搜索商业化的第一枪打响* 你大概不知道，小程序也在掀巨头们的桌子* 微信小程序---电商家具入门篇* scroll-view组件的bindscroll实例应用：自定义进度条* 浅谈微信小程序用setStorage和getStorage缓存和获取数据* TalkingData小程序报告：70亿资本涌入，超100万开发者参与，今年用户规模将破7亿？ ..* 把小游戏关了，该上班了* 开发者工具版本更新： 2018.6.11 (1.02.1806080)* 腾讯地图插件* 小程序js文件改变参数并在视图上及时更新* 利用css transition属性实现一个带动画显隐的微信小程序部件* 携程小程序初体验* 微信小程序使用回调解决onLoad与onLaunch执行顺讯问题的终极分析 ...* mp-parser：小程序原生单文件开发工具* 微信小程序瀑布流最好最简单的解决方案* 开发一款图片上传+用户反馈(留言)小程序，附前端+后端代码* 微信小程序使用SM.MS免费图床进行上传删除图片操作* 小协议的48小时* 基于模板消息的小程序用户回流体系* 小程序wepy上拉下拉解决方案* 写给 Android 开发的小程序 UI 布局指南（一）* 微信小程序日历选择-类似酒店预订方式有节日标识* 小程序的拖拽、缩放和旋转手势* 小程序填坑实录* 微信小程序——使用setData修改数组中的单个对象* 足迹地图刷屏朋友圈，国人的隐私看起来如此廉价* 如何开发小程序中的朋友圈功能* 滴滴一下，小程序专车来了（下）* 滴滴一下，小程序专车来了（上）* NBA资讯小程序* 36氪新风向 | 小程序里的中老年流量，是红利还是陷阱？* 一个同时支持移动端与小程序的聊天机器人* 公众号赞赏功能升级* 36氪首发 | 小程序最新榜单发布，VC出现“恐慌性”投资* 一个公式，告诉你PV千万的刷屏小程序都是怎么玩的* 手把手教你在小程序里使用 Redux* Django+uwsgi+nginx微信小程序环境搭建* 微信小程序之swiper组件高度自适应* 小程序的这些坑你踩过吗？* 小程序之open-data userAvatarUrl头像做圆角* 微信小程序开发BUG经验总结* 只需两步获取任何微信小程序源码* 微信小程序自定义tab，多层tab嵌套实现* 如何让用户主动分享小程序？我们总结了几条实用经验* 企业该用什么思维去做小程序，才能获取最大的运营价值？* H5与小程序如何共用的一套代码？ ——小程序混合开发* 小程序广告能力再升级，这次的触角伸向QQ空间广告！* 微信小程序分包加载实战* 看大神如何玩转微信小程序日历插件？* 微信小程序登录方式的修改解决方案* 微信朋友圈外链分享再行新规，口令、识别码全部被禁* 运营实战：独立运营小程序从0到50w增长* 微信小程序多层展开/收起列表* 微信小程序 WXS 实现各大前端框架中的 filter* 微信小程序 scroll-view滚动到底部事件不触犯的锅* 使用Java开发人脸融合(换军装等)并接入微信小程序* 小程序内嵌H5——判断小程序环境的坑* 微信小程序实现图片双滑缩放大小* 微信小程序用户信息解密失败导致的内存泄漏问题* 微信小程序api拦截器* 微信小程序的那些事* 新功能上线，不能只靠用户“自学”* 微信小程序也要强行热更代码，鹅厂不服你来肛我呀* 微信小程序敏感内容检测* 小程序两条不同路径：微信封闭化、百度开放化* 微信小程序图片使用示例* 微信小程序里面scroll-view组件的scroll-into-view属性失效问题* 小程序抛物线动画* 解读：App 与小程序的互通能力和限制* 新版本祭出“悬浮窗”大杀器，微信打响用户时间保卫战* 百度加入小程序 BAT 大战，正式定名「智能小程序」* 小程序wx.getRecorderManager()录音管理* 如何给小程序页面加载一张背景图片* 小程序报错: Uncaught TypeError: Converting circular structure to JSON* 小程序风口丨微信小程序的三大引流模式和四大盈利模式* 重磅！微信新上线“浮窗”功能，解决公众号长达6年的难题！ ... ...* 使用button标签的open-type="getUserInfo"引导用户去授权* iOS分享微信小程序* 微信小程序获取用户信息(wx.getUserInfo)调整* 抖音总裁张楠控诉腾讯：搞垄断搞小动作，有失大将风度* 7种不同类别对比，小程序和APP相比还有多大差别* 微信小程序修改自定义input* 深入wepy源码：wepy运行原理分析* 微信小程序大转盘抽奖* 我们这一代人的腾讯* 案例研究｜一款APP的UX & UI设计全过程* mpvue study* 微信小程序-雷达图* 微信小程序之无埋点函数调用监控* 离开微信是不可能的，内容创作在小程序的春天里充满想象力 ...* “分享禁令”能让微信摆脱“管道化”宿命吗？* 微信小程序AES解密失败* (干货)微信小程序组件封装* 小程序实现长按删除图片* App打开小程序及内容安全等能力开放* 微信小程序运行流程看这篇就够了* 微信小程序登录会话流程学习* 萌新初探小程序开发* 腾讯总裁刘炽平：没有考虑小程序商业变现，而是不断强化微信生态系统 ...* 小游戏分享滥用新“雷区”，注意别踩* 分享功能调整及小程序组件更新* 如何快速让用户提供信息？* 小程序授权逻辑如何更改为button形式* 微信小程序-两个input叠加，多次点击字体变粗或闪动* 小程序条形倒计时动画* 微信小程序开发--『狗蛋TV』* 小程序商城运营优化的5条建议* 微信这6大广告类型，全量支持小程序投放* 关于微信小程序getUserInfo最新修改后，如何在原有项目的授权逻辑的调整 ...* （干货）微信小程序转发好友* 微信小程序开发一些经验* 浅析产品定位——点线面体

作者：初雪
链接：https://www.zhihu.com/question/50907897/answer/128494332
来源：知乎

微信小程序从入门到跑路-上(转)

猜你喜欢

热点阅读