首页 > 代码库 > 新手入门:微信小程序--从入门到精通宝典

新手入门:微信小程序--从入门到精通宝典

<ignore_js_op>技术分享 
作为新手入门的宝典,我们整理了本论坛各种有价值的内容,并按循序渐进的方式呈现给大家。
大家可以按顺序一篇一篇的攻克本帖中的内容,也可以作为字典,跳转至关注的内容去学习。
希望大家在这里能快速成长,成为微信小程序开发的顶尖高手。

本帖的内容结构如下:
一:小程序之张小龙全面阐述及思维导图;
二:微信小程序官方地址
三:如何学习微信小程序
四:新手入门系列教程集合
五:公司开发前必读
六:个人开发前必读


一:小程序之张小龙全面阐述及思维导图;

小程序之张小龙全面阐述:于1月9日上线(并附演讲稿全文)
核心内容的思维导图如下图:
<ignore_js_op>技术分享 
高清图片下载附件: <ignore_js_op>技术分享 微信公开课.pdf (46.16 KB, 下载次数: 1, 售价: 10 财富值) 

二:微信小程序官方地址
   1:官方工具:点击跳转,微信小程序的开发工具下载,含Windows版,Mac版,及更新日志。
   2:简易教程:点击跳转,图文教程,开发第一个HelloWorld程序,初步了解开发流程及项目中各个文件的用途。
   3:设计指南:
点击跳转;在这里查看如何符合设计标准,仅供参考,非强制性;
   4:运营规范:
点击跳转;在这里查看禁止事项;
   5:接入指南:
点击跳转,注册,信息完善及开发前准备,开发者工具的使用,代码审核与发布,申请认证;
   6:支付文档:
点击跳转,开发步骤,业务流程,小程序调起支付API;
   7:客服消息:点击跳转调用客服消息接口发送客服消息,填写消息推送配置,网页版客服工具;
   8:特殊行业所需资质材料:点击跳转,特殊行业的文件材料等要求说明;
   9:数据分析:点击跳转,实时统计,访问分析,自定义分析等;


三:如何学习微信小程序
多看官方文档,多看几遍,遇到问题时再看,没有问题时继续看;
1、首先要通读一遍官方文档,看看都有哪些东西,都能干什么;
2、对感兴趣的部分,把例子抠出来放到IDE上面运行一下,运行没问题就自己折腾折腾例子
3、自己写个demo,遇到困难当然就来小程序联盟啦,找找看有没有类似的demo
4、每天进论坛看看有什么新帖子
我觉得基础知识一定要过关!!!
事件绑定 ajax请求 本地存储之类 先搞清楚小程序之外是怎么实现的
遇到问题 看文档,看不懂第二遍,再不行 啥时候看懂再开始做
如果你在群里发问没人理你,不是大家都解决不了就是你问的问题别人根本不想理
百度,谷歌 ,bing 别一直就放着,用起来
还有最重要的一点 不要眼高手低,人家的demo下载下来跑起来 然后看懂之后一定要自己尝试写一遍!

四:新手入门系列教程集合

手入门系列教程有7套,大家可以选择适合自己的内容学习。

微信小程序开发指南:
微信小程序开发指南(一):申请注册与开发流程
微信小程序开发指南(二):注意点和常用快捷键
微信小程序开发指南(三):关于网络请求
微信小程序开发指南(四):关于Tab分页
微信小程序开发指南(五):关于轮播
微信小程序开发指南(六):关于列表上拉加载下拉刷新
微信小程序开发指南(七):关于地图
微信小程序开发指南(八):关于页面跳转

其他系列如下:
微信接入探秘--系列
微信小程序最实用的实例教程--系列
微信小程序实战开发篇--系列
微信小程序开发详解--系列
微信小程序Todo应用开发--系列
微信小程序三步入门教程--系列

更多系列教程,点击进入


五:公司开发前必读
根据观察,很多公司因为不了解小程序,而导致盲目跟进而盲目开发,无法有效利用小程序的特性,甚至白白浪费了开发周期;
事前准备:
微信小程序需要https请求,需要准备
1:备案的域名:由于备案需要一定的时间,所以请事先准备
2:受认可的证书
https排查说明:《六》https综合解决方案,含request:fail错误及真机预览问题:
一个账号只能发布一个小程序,如需发布多个,请申请多个

1:必须通读运营规范;有需要禁止开发的事项需要了解;比如直播,游戏,抽奖,排行榜等;      常见拒绝情形:https://mp.weixin.qq.com/debug/wxadoc/product/reject.html?t=201714
2:在微信下禁止的一些规则,在微信小程序中同样不能涉及;比如诱导分享;
3:暂未开放的类目,无法申请,详情请在本站搜索“服务范围”的文章查看最新服务类目
     推荐阅读并收藏:踩坑指南《七十》如何让微信小程序服务类目审核通过
     1月7号更新图:
<ignore_js_op>技术分享 
4:微信小程序的问答
1:小程序没有入口,这和公众号一样。
2:小程序没有官方商店
3:小程序不会有订阅的关系
4:很有限的通知能力,限制的非常严格
5:小程序不能分享到朋友圈,但是可以分享到聊天和群聊之中。
6:小程序不能做游戏
7:用户能搜索到小程序,但我们会极力限制搜索能力,避免被滥用。
8:目前有提供的关联是可以在公众号中看到该企业还有哪些小程序,反之亦然。
9:会轻量提醒用户附近有哪些小程序存在,比如附近哪一家店提供小程序。

5:目前能看到的入口
线下扫码 :用户可以在小程序中使用扫一扫。
对话分享 :用户可以分享小程序或其中的任何一个页面给好友或群聊。
消息通知 :商户可以发送模板消息给接受过服务的用户,用户可以在小程序内联系客服,支持文字和图片。
小程序切换 :用户可以在使用小程序的过程中快速返回聊天。
历史列表 :用户使用过的小程序会被放入列表,方便下次使用。
公众号关联 :微信小程序可与公众号进行关联。
搜索查找 :用户可直接根据名称或品牌搜索小程序。

6:遇到无法解决或难以理解的难题时,请在官方社区内进行反馈:https://developers.weixin.qq.com

7:你必须通过微信认证,才可以使用微信支付等功能:

     认证指引:https://mp.weixin.qq.com/debug/wxadoc/product/renzheng.html?t=201714

六:个人开发前必读

个人开发和学习的同学,最关心的是个人额能不能申请和发布,目前的答案是:不能发布,但是可以开发;

1:个人申请Appid:http://bbs.html51.com/t-90-1-1/
     拥有Appid后,即可开始真机预览;本方法仅用于测试和研究,无法认证和审核,请勿申请认证;

2:如何真机预览:http://bbs.html51.com/t-130-1-1/

3:如何设置体验者/开发者/体验版本/:http://bbs.html51.com/t-124-1-1/

4:快捷键列表:
格式调整
Ctrl+S:保存文件(必须保存才可以看到效果)
Ctrl+[, Ctrl+]:代码行缩进
Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块
Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行
Shift+Alt+F:代码格式化
Alt+Up,Alt+Down:上下移动一行
Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行
Ctrl+Shift+Enter:在当前行上方插入一行
Ctrl+Shift+F:全局搜索
光标相关
Ctrl+End:移动到文件结尾
Ctrl+Home:移动到文件开头
Ctrl+i:选中当前行
Shift+End:选择从光标到行尾
Shift+Home:选择从行首到光标处
Ctrl+Shift+L:选中所有匹配
Ctrl+D:选中匹配
Ctrl+U:光标回退
界面相关
Ctrl + \:隐藏侧边栏
Ctrl + m: 打开或者隐藏模拟器

5:开发工具项目区简介:

<ignore_js_op>技术分享 
配置信息:用于解决在后台配置域名未生效的问题;预览:真机预览上传:管理员上传至后台,设置体验及审核版本使用;开发环境不校验:为了让开发环境中使用appid时,不合规则的域名也可以正常使用(比如本地或IP地址及未配置的域名)压缩代码:为了节约空间,小程序上限为1M:参考:如何给微信小程序瘦身?  删除项目:删除相应的项目

<ignore_js_op>技术分享 
代理:在这里可以设置代理,或取消代理;用于解决很多因代理而引发的问题;

<ignore_js_op>技术分享 

选择无appid,即可在没有appid情况下进行开发,但是无法预览;
项目名称:随意填写
项目目录:1:如果你选择了一个demo导入,请选择app.json所在的根目录文件夹,请勿选择其上级文件夹,否则会报错:找不到app.json;2:如果你想新建一个项目,请先在电脑内新建一个空文件夹,选择空文件夹即可,假如你选择的不是空文件夹,可能无法看到新建quickstart项目;
技术分享 
快速生成项目目录技巧:在app.json内输入路径后保存,即可生成相应路径的完整文件目录,防止因js或json文件为空而引发的一系列报错
技术分享 


6:后台配置域名:后台配置域名:常用API域名配置列表及wx.uploadFile说明;
     必须配置域名后,才可以使用配置的域名,比如你需要请求XX地址的数据,必须在后台设置了域名之后,才可以真机请求数据;
     必须https的域名才可以请求,如果出现https的问题,请查询排查:《六》https综合解决方案,含request:fail错误及真机预览问题;     

新手入门:微信小程序--从入门到精通宝典