史诗手册!微信小程序新手自学入门宝典!你想要的都在这里-阿里云开发者社区

开发者社区> leonwuv> 正文

史诗手册!微信小程序新手自学入门宝典!你想要的都在这里

简介: 一、小程序官方指南 1:官方开发工具下载: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714 0.12.1304Win版:https://pan.baidu.com/s/1miNleBY 0.12.1304Mac版:https://pan.baidu.com
+关注继续查看

一、小程序官方指南


1:官方开发工具下载:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201714

0.12.1304Win版:https://pan.baidu.com/s/1miNleBY

0.12.1304Mac版:https://pan.baidu.com/s/1qYNIQZy


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




二、如何自学小程序



1、了解基础知识先!去网上搜搜看什么是CSS,HTML,JS;

CSS+HMTL+JS入门干货分享

链接: https://pan.baidu.com/s/1i5I76kd 密码: 6r42


2、读读上面提供的官方文档,看看都能干什么;

微信小程序官方文档知识解读,推荐新手仔细阅读

http://www.moquu.com/v/1427.html

微信小程序认知、安装与demo学习摘要

http://www.moquu.com/v/426.html


3、降低预期,不要一开始就想做出多牛逼的,就从静态页面开始;

初识微信小程序:结构概览,app.js 解析

http://www.moquu.com/v/414.html

微信小程序开发及发布实践

http://www.moquu.com/v/425.html


4、写代码跟做设计一样,模仿才是王道!下载人家的demo,看看怎么写的,修改修改,找到思维逻辑,就会一步步往前走了!

500款小程序案例源码下载

http://www.moquu.com/m3


5、不懂就问,新手入门的知识点!基本网上都搜的到答案!自学的话,就不要想着太依赖他人!



三、开发前必读



微信小程序政策虽不允许个人开发!其实也可以通过方法,申请到开发权限,只是不是能发布而已!有了开发权限,对于只是自学还是够了!


个人无appid申请开发者权限,无限制账号申请方法

http://www.moquu.com/v/372.html

关于如何真机预览(手机测试)简易流程说明

http://www.moquu.com/v/1534.html


如何设置体验者/开发者/体验版本

http://www.moquu.com/v/1535.html


如果是企业的话!由于微信小程序需要https请求,需要准备

1:备案的域名:

2:受认可的证书https

3:如开发多个小程序,要申请多个开发者帐号!因为一个账号只能发布一个


https问题排查说明:

http://www.moquu.com/v/1528.html


需要使用微信支付功能,要先微信认证!认证方法:

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


最新微信小程序服务范围!

http://www.moquu.com/v/1551.html


微信小程序服务类目审核不通过?解决方法...

http://www.moquu.com/v/1552.html



四、开发工具说明



开发工具界面说明


配置信息:用于解决在后台配置域名未生效的问题;

预览:真机预览

上传:管理员上传至后台,设置体验及审核版本使用;

开发环境不校验:为了让开发环境中使用appid时,不合规则的域名也可以正常使用(比如本地或IP地址及未配置的域名)

压缩代码:为了节约空间,小程序上限为1M:参考:http://www.moquu.com/v/1536.html

删除项目:删除相应的项目



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





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

项目名称:随意填写

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




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


后台配置域名方法:

http://www.moquu.com/v/1532.html


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



开发工具快捷键说明


格式调整 

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: 打开或者隐藏模拟器


五、小程序开发详解



1、开发准备,开发工具使用简介,工程目录结构 

http://www.moquu.com/v/1537.html

2、开发组件使用初步,配置 

http://www.moquu.com/v/1538.html

3、APP生命周期 

http://www.moquu.com/v/1539.html

4、页面生命周期和参数传递 

http://www.moquu.com/v/1540.html

5、布局基础 程序员实战系列 

http://www.moquu.com/v/1541.html


6、零基础小程序开发系列《一》理论篇

http://www.moquu.com/v/1405.html

7、程序员开发实战系列《二》微信小程序架构篇

http://www.moquu.com/v/1554.html

8、程序员开发实战系列《三》App()和Page()

http://www.moquu.com/v/711.html

9、视图层WXML绑定数据、模板、逻辑

http://www.moquu.com/v/722.html

10、实战视图层WXML:事件

http://www.moquu.com/v/723.html


11、学习记录《一》:目录结构介绍,开发工具菜单介绍

http://www.moquu.com/v/735.html

12、学习记录《二》:系统配置app.json,程序和页面注册

http://www.moquu.com/v/737.html

13、学习记录《三》:视图容器

http://www.moquu.com/v/745.html

14、微信小程序开发(一)开始

http://www.moquu.com/v/1543.html

15、现学现卖微信小程序开发(二)

http://www.moquu.com/v/1544.html


16、现学现卖微信小程序开发(三):引入“Rx”

http://www.moquu.com/v/1545.html

17、现学现卖的一个“快递查询“的小程序开发

http://www.moquu.com/v/1553.html

18、微信小程序登录与支付简要流程

http://www.moquu.com/v/1412.html

19从零入门系列《二》手动创建目录结构

http://www.moquu.com/v/1039.html

20、微信小程序开发—快速掌握组件及API的方法

http://www.moquu.com/v/1001.html


六、新手跳坑指南



新手跳坑指南《一》:真机上预览,背景图无效

http://www.moquu.com/v/502.html

新手跳坑指南《二》:app.json之pages路径重复错误

http://www.moquu.com/v/503.html

新手跳坑指南《三》:宽高设置百分比无效果

http://www.moquu.com/v/504.html

新人跳坑系列《四》官方文档BUG,tip及QA提示一览

http://www.moquu.com/v/1053.html

新手跳坑指南《五》:this与that:this.setData报错

http://www.moquu.com/v/506.html


新手跳坑系列《六》:找不到自己的相匹配手机预览页面

http://www.moquu.com/v/507.html

新手跳坑系列《七》tabBar不显示

http://www.moquu.com/v/508.html

新手跳坑系列《八》MAC版微信WEB开发者工具无法显示二维码

http://www.moquu.com/v/509.html

新手跳坑系列《九》:post请求

http://www.moquu.com/v/92.html

新手跳坑系列《十》修改配置域名后,不在以下合法域名列表内

http://www.moquu.com/v/91.html


新手跳坑指南《十一》require 和hidden不生效,@import无效

http://www.moquu.com/v/90.html

新手跳坑指南《十二》事件绑定调用多次

http://www.moquu.com/v/89.html

新手跳坑指南《十三》手机中浏览时显示空白页

http://www.moquu.com/v/88.html

新手跳坑指南《十四》真机预览限制大小1024K

http://www.moquu.com/v/87.html


新手跳坑指南《十五》view标签设置背景图片手机无法预览

http://www.moquu.com/v/86.html

新手跳坑系列《十六》没有配置路由,input,空格回车,中文

http://www.moquu.com/v/1576.html

新手跳坑系列《十七》Page route 错误

http://www.moquu.com/v/1577.html

新手跳坑指南《十八》wx.showToast消息显示框手机预览失败

http://www.moquu.com/v/1574.html

新人跳坑系列《十九》swiper无法保持宽高比

http://www.moquu.com/v/1572.html

新人跳坑系列《二十》文本溢出

http://www.moquu.com/v/1571.html


更多新手跳坑指南

http://www.moquu.com/t-1-1.html



七、小程序图书干货



1、免费在线的小程序培训课程大全

http://www.moquu.com/v/1636.html

2、微信小程序设计规范PDF版

http://www.moquu.com/v/1635.html

3、node及js类书籍分享(130本)

http://www.moquu.com/v/1634.html

4、微信小程序框架脑图全解,一眼看清框架构造,学习必备

http://www.moquu.com/v/1633.html

5、微信小程序开发手册PDF

http://www.moquu.com/v/1626.html


6、小程序自定义组件实战

http://www.moquu.com/v/1632.html

7、野狗与微信小程序

http://www.moquu.com/v/1631.html

8、小程序入门指南

http://www.moquu.com/v/1630.html

9、从HTML5到微信小程序

http://www.moquu.com/v/1629.html

10、oschina源创会大会分享PPT下载

http://www.moquu.com/v/1628.html


11、微信小程序官方设计指南及建议PDF版

http://www.moquu.com/v/1627.html

12、微信小程序设计控件库源文件

http://www.moquu.com/v/303.html



八、小程序必备插件



1、一个微信小程序模版程序框架

http://www.moquu.com/v/1647.html

2、微信小程序经典APP按钮指示器框架

http://www.moquu.com/v/1646.html

3、微信小程序模块化开发框架labrador

http://www.moquu.com/v/1645.html

4、野狗SDK(微信微信小程序版)

http://www.moquu.com/v/1644.html

5、一个为微信小程序开发准备的基础骨架

http://www.moquu.com/v/1643.html


6、处理微信小程序会话

http://www.moquu.com/v/1642.html

7、微信小程序云端增强 SDK

http://www.moquu.com/v/1641.html

8、微信小程序集成redux,提供快捷的开发环境

http://www.moquu.com/v/1640.html

9、一个开放的、运行微信小程序的Web MINA框架

http://www.moquu.com/v/1639.html

10、微信小程序Canvas增强组件

http://www.moquu.com/v/1638.html


11、微信小程序-简易框架

http://www.moquu.com/v/1637.html

12、可视化小程序UI设计工具layout

http://www.moquu.com/v/673.html

13、微信小程序后台内容管理程序laravelPCMS

http://www.moquu.com/v/447.html

14、小程序脚手架及html编译工具

http://www.moquu.com/v/446.html

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
怎么设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程
6674 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4241 0
windows server 2008阿里云ECS服务器安全设置
最近我们Sinesafe安全公司在为客户使用阿里云ecs服务器做安全的过程中,发现服务器基础安全性都没有做。为了为站长们提供更加有效的安全基础解决方案,我们Sinesafe将对阿里云服务器win2008 系统进行基础安全部署实战过程! 比较重要的几部分 1.
5251 0
阿里云服务器远程登录用户名和密码的查询方法
阿里云服务器远程连接登录用户名和密码在哪查看?阿里云服务器默认密码是什么?云服务器系统不同默认用户名不同
286 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
3093 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
16578 0
阿里云服务器ECS登录用户名是什么?系统不同默认账号也不同
阿里云服务器Windows系统默认用户名administrator,Linux镜像服务器用户名root
930 0
+关注
leonwuv
Code is my life!
61
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载