新手入门：微信小程序--从入门到精通宝典
时间：2017-02-03 21:46:48
收藏：0
阅读：439
<ignore_js_op> 作为新手入门的宝典，我们整理了本论坛各种有价值的内容，并按循序渐进的方式呈现给大家。 大家可以按顺序一篇一篇的攻克本帖中的内容，也可以作为字典，跳转至关注的内容去学习。 希望大家在这里能快速成长，成为微信小程序开发的顶尖高手。 本帖的内容结构如下： 一：小程序之张小龙全面阐述及思维导图； 二：微信小程序官方地址 三：如何学习微信小程序 四：新手入门系列教程集合 五：公司开发前必读 六：个人开发前必读 一：小程序之张小龙全面阐述及思维导图； 小程序之张小龙全面阐述：于1月9日上线（并附演讲稿全文） 核心内容的思维导图如下图： <ignore_js_op>  高清图片下载附件： <ignore_js_op>  微信公开课.pdf 二：微信小程序官方地址 1：官方工具：点击跳转，微信小程序的开发工具下载，含Windows版，Mac版，及更新日志。 2：简易教程：点击跳转，图文教程，开发第一个HelloWorld程序，初步了解开发流程及项目中各个文件的用途。 3：设计指南：点击跳转；在这里查看如何符合设计标准，仅供参考，非强制性； 4：运营规范：点击跳转；在这里查看禁止事项； 5：接入指南：点击跳转，注册，信息完善及开发前准备，开发者工具的使用，代码审核与发布，申请认证； 6：支付文档：点击跳转，开发步骤，业务流程，小程序调起支付API； 7：客服消息：点击跳转，调用客服消息接口发送客服消息，填写消息推送配置，网页版客服工具； 8：特殊行业所需资质材料：点击跳转，特殊行业的文件材料等要求说明； 9：数据分析：点击跳转，实时统计，访问分析，自定义分析等； 三：如何学习微信小程序 多看官方文档，多看几遍，遇到问题时再看，没有问题时继续看； 1、首先要通读一遍官方文档，看看都有哪些东西，都能干什么； 我觉得基础知识一定要过关！！！ 四：新手入门系列教程集合 手入门系列教程有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：小程序没有入口，这和公众号一样。 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：快捷键列表： 格式调整 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错误及真机预览问题； |
评论（0）