【微信小程序宝典】从零开始做微信小程序开发NO.2

作者: 极乐叔 | 来源:发表于2017-06-21 15:53 被阅读396次

为了方便大家了解并入门微信小程序，我将一些可能会需要的知识，列在这里，让大家方便的从零开始学习；

首先感谢几位给予建议的同学，包括@dzp @M-信念 @Somnus13 ，以下内容只是一部分，但是够用了，可以先放出来给大家看看：**一：微信小程序的特点
**张小龙：
张小龙全面阐述小程序
，推荐通读此文；

小程序是一种不需要下载、安装即可使用的应用，它出现了触手可及的梦想，用户扫一扫或者搜一下即开打开应用，也出现了用完即走的理念，用户不用关心安装太多应用的问题，应用随处可用，但又无须安装卸载。我当时是这样来定义什么是小程序的。

1：无需下载：我们直接使用它，所以无须安装是小程序最基础的一个特性；

2：触手可及：当我们拿着智能手机接触周边的时候，我们可以通过手机直接获得信息，就是周边的信息；

3：用完即走：对于周边要完成的任务来说我们需要的是用完即走；

4：无须卸载：小程序看起来是程序，但是它以完全不同于过去APP的形状出现，它有更灵活的应用组织形态；

二：微信小程序官方地址

1：官方工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714

2：简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/ 3：设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html；在这里查看如何符合设计标准，仅供参考，非强制性； 4：运营规范：https://mp.weixin.qq.com/debug/wxadoc/product/index.html；在这里查看禁止事项； 5：接入指南：https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html 6：支付文档：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1

7：客服消息：https://mp.weixin.qq.com/debug/wxadoc/introduction/custom.html?t=20161221

8：特殊行业所需资质材料：

https://mp.weixin.qq.com/debug/wxadoc/product/material.html?t=201714

9：数据分析：https://mp.weixin.qq.com/debug/wxadoc/analysis/index.html?t=201714**三：如何学习微信小程序
**

多看官方文档，多看几遍，遇到问题时再看，没有问题时继续看；

@jsh5css ：1、首先要通读一遍官方文档，看看都有哪些东西，都能干什么；2、对感兴趣的部分，把例子抠出来放到IDE上面运行一下，运行没问题就自己折腾折腾例子3、自己写个demo，遇到困难当然就来小程序联盟啦，找找看有没有类似的demo4、每天进论坛看看有什么新帖子

@Somnus13 ：我觉得基础知识一定要过关！！！事件绑定 ajax请求本地存储之类先搞清楚小程序之外是怎么实现的遇到问题看文档，看不懂第二遍，再不行啥时候看懂再开始做如果你在群里发问没人理你，不是大家都解决不了就是你问的问题别人根本不想理百度，谷歌，bing 别一直就放着，用起来还有最重要的一点不要眼高手低，人家的demo下载下来跑起来然后看懂之后一定要自己尝试写一遍！

正常思路啊首先是静态页面数据展示然后是页面跳转然后就会考虑带参数实现详情页面然后。。。

找一个熟悉的逻辑开始模仿然后就会一步步往前走了

@xiaoyedeng ：
多走弯路才能少走弯路

四：公司开发前必读
**
根据观察，很多公司因为不了解小程序，而导致盲目跟进而盲目开发，无法有效利用小程序的特性，甚至白白浪费了开发周期；事前准备：微信小程序需要https请求，需要准备1：备案
的域名：由于备案需要一定的时间，所以请事先准备**
2：受认可的证书
https排查说明：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6483：一个账号只能发布一个小程序，如需发布多个，请申请多个

1：必须通读运营规范；有需要禁止开发的事项需要了解；比如直播，游戏，抽奖，排行榜等；常见拒绝情形：https://mp.weixin.qq.com/debug/wxadoc/product/reject.html?t=2017142：在微信下禁止的一些规则，在微信小程序中同样不能涉及；比如诱导分享；3：暂未开放的类目，无法申请，详情请在本站搜索“服务范围”的文章查看最新服务类目推荐阅读并收藏：[跳坑指南《七十》如何让微信小程序服务类目审核通过

](http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1898) 1月7号更新图：[图片上传中。。。（1）]
4：微信小程序的问答1：小程序没有入口，这和公众号一样。2：小程序没有官方
商店
3：小程序不会有订阅的关系
4：很有限的通知能力，限制的非常严格
5：小程序不能分享到朋友圈，但是可以分享到聊天和群聊之中。
6：小程序不能做游戏
7：用户能搜索到小程序，但我们会极力限制搜索能力，避免被滥用。
8：目前有提供的关联是可以在公众号中看到该企业还有哪些小程序，反之亦然。
9：会轻量提醒用户附近有哪些小程序存在，比如附近哪一家店提供小程序。

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

6：遇到无法解决或难以理解的难题时，请在官方社区内进行反馈：https://developers.weixin.qq.com7：你必须通过微信认证，才可以使用微信支付等功能：认证指引：

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

**五：个人开发前必读
**
**
**
个人开发和学习的同学，最关心的是个人额能不能申请和发布，目前的答案是：不能发布，但是可以开发；

1：申请Appid：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=495；拥有appid后，即可开始真机预览；本方法仅用于测试和研究，无法认证和审核，请勿申请认证；2：如何真机预览：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=18123：如何设置体验者/开发者/体验版本/：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=12484：快捷键列表：格式调整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：开发工具项目区简介：

，这个设置有一些独特的作用，让你可以让本地避开一些限制；但是这个设置对真机无效，所以假如存在https问题，是否勾选并影响；仍然需要按贴排查：

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=648
8：重启/重装工具大法：有时候编辑器会出现一些莫名其妙的BUG，比如昨天还是好的，今天打开各种问题等等，可以考虑重新编译或多次重启工具或重启电脑；

10：前人经验：有很多人遇到了很多问题，你可以在版块的问答分类下看看其他人遇到的问题及如此解决的；

http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=2&page=2&filter=author&orderby=dateline&typeid=16
11：无法登陆：参考

@M-信念
同学的建议：可以稍微等等；当出现帐号登陆问题时，可以尝试使用他人微信号，或是咨询其他人是否也遇到了相同的情况，不要着急；

12：代理设置；代理设置应该是一个隐藏比较深的坑，但是很多人被坑过，假如你的机器设置了代理，开发者工具可能会也跟着默认带来代理，然后会接踵而来很多登陆，空白等问题；

13：使用搜索；现在本站聚合了大量的微信小程序相关内容，可以考虑使用本站的搜索，来获取自己想找的东西或用于解决问题，搜索时，请使用主要关键词，或相近关键词进行搜索，而不要直接搜索一句话，比如你需要appid，你可以搜索“appid”，你遇到了登陆问题，应该搜索“登陆”，真机预览遇到了问题，可以搜索“真机”，遇到了上传问题，可以搜索“uploadfile”

14：微信版本问题，伴随微信的版本更新，不同的微信版本之间可能会出现不同的未知BUG；你可以在这里查看最新微信版本：weixin.qq.com

6：查询官方问答：最新的官方问答系列：

【微信小程序宝典】从零开始做微信小程序开发NO.2

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

微信小程序

Web 开发

微信小程序开发

极乐小程序商店

小程序

小程序合集

程序员

微信小程序