<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应用开发–系列 微信小程序三步入门教程–系列
更多系列教程,点击进入。
五:公司开发前必读 根据观察,很多公司因为不了解小程序,而导致盲目跟进而盲目开发,无法有效利用小程序的特性,甚至白白浪费了开发周期; 事前准备:
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错误及真机预览问题;
|