从零开始:微信小程序新手入门宝典

为了方便大家了解并入门微信小程序,我将一些可能会需要的知识,列在这里,让大家方便的从零开始学习; 一:微信小程序的特点 张小龙:张小龙全面阐述小程序,推荐通读此文;

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

1:无需下载:我们直接使用它,所以无须安装是小程序最基础的一个特性; 2:触手可及:当我们拿着智能手机接触周边的时候,我们可以通过手机直接获得信息,就是周边的信息; 3:用完即走:对于周边要完成的任务来说我们需要的是用完即走; 4:无须卸载:小程序看起来是程序,但是它以完全不同于过去APP的形状出现,它有更灵活的应用组织形态;

二:如何学习微信小程序

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

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

@Somnus13 : 我觉得基础知识一定要过关!!! 事件绑定 ajax请求 本地存储之类 先搞清楚小程序之外是怎么实现的 遇到问题 看文档,看不懂第二遍,再不行 啥时候看懂再开始做 如果你在群里发问没人理你,不是大家都解决不了就是你问的问题别人根本不想理 百度,谷歌 ,bing 别一直就放着,用起来 还有最重要的一点 不要眼高手低,人家的demo下载下来跑起来 然后看懂之后一定要自己尝试写一遍! ------- 正常思路啊 首先是静态页面数据展示 然后是页面跳转 然后就会考虑带参数实现详情页面 然后。。。 找一个熟悉的逻辑 开始模仿 然后就会一步步往前走了

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

三:公司开发前必读

根据观察,很多公司因为不了解小程序,而导致盲目跟进而盲目开发,无法有效利用小程序的特性,甚至白白浪费了开发周期;

事前准备:

微信小程序需要https请求,需要准备 1:备案的域名:由于备案需要一定的时间,所以请事先准备 2:受认可的证书 https排查说明:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=6483:一个账号只能发布一个小程序,如需发布多个,请申请多个

1:必须通读运营规范;有需要禁止开发的事项需要了解;比如直播,游戏,抽奖,排行榜等; 2:在微信下禁止的一些规则,在微信小程序中同样不能涉及;比如诱导分享; 3:暂未开放的类目,无法申请,详情请在本站搜索“服务范围”的文章查看最新服务类目

1月7号更新图:

4:微信小程序的问答:

1:小程序没有入口,这和公众号一样。 2:小程序没有官方商店 3:小程序不会有订阅的关系 4:很有限的通知能力,限制的非常严格 5:小程序不能分享到朋友圈,但是可以分享到聊天和群聊之中。 6:小程序不能做游戏 7:用户能搜索到小程序,但我们会极力限制搜索能力,避免被滥用。 8:目前有提供的关联是可以在公众号中看到该企业还有哪些小程序,反之亦然。 9:会轻量提醒用户附近有哪些小程序存在,比如附近哪一家店提供小程序。

5:目前能看到的入口

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

6:遇到无法解决或难以理解的难题时,请在官方社区内进行反馈

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

四:个人开发前必读

个人开发和学习的同学,最关心的是个人额能不能申请和发布,目前的答案是:不能发布,但是可以开发; 1:申请Appid 拥有appid后,即可开始真机预览;本方法仅用于测试和研究,无法认证和审核,请勿申请认证; 2:真机预览 3:设置体验者/开发者/体验版本/ 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:开发工具项目区简介:

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

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

选择无appid,即可在没有appid情况下进行开发,但是无法预览;

项目名称:随意填写

项目目录:1:如果你选择了一个demo导入,请选择app.json所在的根目录文件夹,请勿选择其上级文件夹,否则会报错:找不到app.json;2:如果你想新建一个项目,请先在电脑内新建一个空文件夹,选择空文件夹即可,假如你选择的不是空文件夹,可能无法看到新建quickstart项目;

快速生成项目目录技巧:在app.json内输入路径后保存,即可生成相应路径的完整文件目录,防止因js或json文件为空而引发的一系列报错

6:后台配置域名 必须配置域名后,才可以使用配置的域名,比如你需要请求XX地址的数据,必须在后台设置了域名之后,才可以真机请求数据; 必须https的域名才可以请求,如果出现https的问题,请查询排查

五:如何解决学习过程中的问题

1:看文档,尤其是版本更新后,可能文档已经更新,附上了你问题的说明;

2:群内问,群是一个比较好的途径,但是只能解决较为简单的问题;

3:论坛搜索;你可以在本站或官方社区内搜索相应的关键词,来查看是否有解决方案;你可以在这里查看搜索方法:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1824

4:发帖询问,在综合交流区内发帖询问,并@几个大神;5:常见错误及基本排除方法

1:ES6;使用es6可能导致安卓端真机调试时很多问题出现,还有其他未知问题;原因未知; 2:字母拼错,包括字母拼写错误,大小写没有注意;微信小程序中,有大量这样的代码示例,从中间冒出一个大写,比如支付中的appId 3:官方文档示例代码有误,有时官方文档示例代码也会出现问题,比如大小写出错,或者其他缺少参数等问题; 4:https,这个坑目前遇到的人最多,首先说明一下,工具的这个设置,

,这个设置有一些独特的作用,让你可以让本地避开一些限制;但是这个设置对真机无效,所以假如存在https问题,是否勾选并影响;仍然需要按贴排查:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=648 5:重启/重装工具大法:有时候编辑器会出现一些莫名其妙的BUG,比如昨天还是好的,今天打开各种问题等等,可以考虑重新编译或多次重启工具或重启电脑; 6:前人经验:有很多人遇到了很多问题,你可以在版块的问答分类下看看其他人遇到的问题及如此解决的;http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=2&page=2&filter=author&orderby=dateline&typeid=16 7:无法登陆:参考@M-信念 同学的建议:可以稍微等等;当出现帐号登陆问题时,可以尝试使用他人微信号,或是咨询其他人是否也遇到了相同的情况,不要着急; 8:代理设置;代理设置应该是一个隐藏比较深的坑,但是很多人被坑过,假如你的机器设置了代理,开发者工具可能会也跟着默认带来代理,然后会接踵而来很多登陆,空白等问题; 9:使用搜索;现在本站聚合了大量的微信小程序相关内容,可以考虑使用本站的搜索,来获取自己想找的东西或用于解决问题,搜索时,请使用主要关键词,或相近关键词进行搜索,而不要直接搜索一句话,比如你需要appid,你可以搜索“appid”,你遇到了登陆问题,应该搜索“登陆”,真机预览遇到了问题,可以搜索“真机”,遇到了上传问题,可以搜索“uploadfile” 10:微信版本问题,伴随微信的版本更新,不同的微信版本之间可能会出现不同的未知BUG;你可以在这里查看最新微信版本:weixin.qq.com

原文发布于微信公众号 - 极乐技术社区(wxapp-union)

原文发表时间:2017-01-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏全华班

互联网云快速开发框架

--我的信息 --我的通告 --文件 2、会员 --用户中心 --用户地图 --积分活动平台 --极光推送 3、营销 --营销活动 --活动汇 --现场活动平台...

24110
来自专栏开源项目

码云推荐 | tabris.js + restify + 码云打造个人 APP

前言: 从9月初开始到现在,我一直在寻找一个适合自己的,可以跨平台的开发APP的js框架。 虽然之前自己也有陆续接触过Weex,React Native,F...

59880
来自专栏WeTest质量开放平台团队的专栏

微信小程序之提高应用速度小技巧

小程序科普类的文章已经很多了,今天这里讲的是针对小程序的优化方法,可以有效提高小程序的响应速度和用户体验。当然,开发体验也提高不少。

28620
来自专栏沈唁志

PHP程序猿必知:PHP网站应该怎么做优化

49340
来自专栏极乐技术社区

官方问答精选《一》提交审核时提供测试账密码

本系列是我觉得,应该整理一下,因为官方很多回答里其实是在补充官方文档的,十分值得收集并整理出来;我会不定期整理的,大概是2-3天左右,一周至少整理2次; 比如本...

20180
来自专栏腾讯移动品质中心TMQ的专栏

TBS三方SDK自动化探索

对于非宿主的合作伙伴来说,在TBS接入环节,“共享和下载内核”的能力是最重要的,它从根本上决定着APP是否能够使用预期的X5内核提供服务。一旦出现问题,会导致无...

43100
来自专栏Young Dreamer

好用的前端页面性能检测工具—sitespeed.io

引言 最近在做HTTP2技术相关调研,想确认一下HTTP2在什么情境下性能会比HTTP1.x有显著提升,当我把http2的本地环境(nginx+PHP)部署完成...

561100
来自专栏CSDN技术头条

Hybris平台Web架构模式演变:前后端分离

深度技术文章,第一时间送达! “前后端分离”显然已不是什么新鲜的话题,表面上看是一场架构模式的变革,但实质上是为了解决以往传统的服务端MVC设计模式的一些诟病和...

50860
来自专栏杨建荣的学习笔记

压测工具swingbench和sysbench对比(r12笔记第13天)

今天来说说两款压测工具sysbench,swingbench,早些时候傻傻分不清楚,其实两个差别大了去了。 swingbench 先来说说swingb...

43390
来自专栏厦门SEO

网站速度优化之“动静分离”、有效减轻后端服务器压力!

在介绍动静分离之前,我感觉还是有必要介绍一下:什么是静态网站?什么是动态网站?由于我之前已经在一篇个人博客中详细介绍了动静态网站,在这里就不再做详细的描述(有需...

36190

扫码关注云+社区

领取腾讯云代金券