微信小程序开发入门
什么是小程序
微信之父张小龙是这样描述的：
小程序是一种不需要下载安装就可以使用的应用，它实现了应用触手可及的梦想。
用户扫一扫或者搜一下即可打开应用，也体现了用完即走的理念。
用户不用关心是否安装太多应用的问题：
应用将无处不在，随时可用，但又无需安装卸载。
小程序的优势
它的优势体验上虽然没法完全媲美原生app，但综合考虑还是有很多优势：
省流量省时间；开发成本更低，可以把更多人力物力财力放在运营上，做好内容本身；
总体来说相当于一个精简版的app
准备工作
1.注册账号 （
2.激活邮箱
3.信息登记
4.登录小程序管理后台（不完善好信息是无法发布小程序的）
5.完善小程序信息，绑定开发者（尤其是团队多人开发）
在官网下载安装开发工具
安装完成后就可以登录：
微信扫码登录开发者工具，这里选小程序项目，进入小程序本地项目进行管理
新建一个项目：
目录自选本地文件夹，AppID就是登录微信开发平台后的设置里能看到的AppID。
如果没有ID也可以使用官方的测试号，但这样只能做做简单的本地测试，最后是填上适合的项目名称。
上手第一个小程序新建项目
选择一个空目录，使用普通快速启动模板
然后就可以看到预设的模板和内容了，可以直接查看或者点击编译在手机上扫一扫查看
接下来了解一下小程序的目录结构：
pages
index
index.js 页面脚本逻辑文件
index.wxml 页面模板文件
index.wxss 页面样式文件
index.json 单个页面的配置信息，比如头部底色，头部title等
utils
app.js 全局逻辑
app.json 全局配置信息，包含了小程序的所有页面路径，界面表现，底部tab等基本信息
app.wxss 设置样式
project.config.json 开发工具的配置信息
小程序的启动过程：
打开小程序之前，微信会把小程序的代码包下到本地。
然后通过app.json的pages字段知道当前小程序的所有页面路径，写在pages字段的第一个页面就是小程序的首页。
然后微信就把首页代码装载进来，渲染出首页。
然后app.js里App的实例onLaunch回调就会执行来一段简单的实战，为项目增加一个city选择页：
首先添加一个新的页面
1.在pages文件添加新页面文件
2.为city.wxml模板页面添加选择器：
picker是一个类似于select的picker组件
bindchange是用于绑定一个change事件的方法
value的值是一个序列号
range则是表示这个选择器的取值范围
3.然后在city.js中书写页面逻辑：
Page({})是页面的一个实例
data中的数据用于视图绑定
bindPickerChange则是绑定的change事件的函数名
可以看到，data中的数据可以在页面中被直接绑定使用
在js代码中想要改变data的值也非常简单，使用this.setData就可以了
这里我们传入了一个index序列号，也就是picker选择器选择了country数组中的元素。
通过这样的方法，就可以为页面添加不同的组件。
4.选择之后如果想要将选中的city的值传到其他页面比如首页
那么一般来讲有3种方法：
第一种是将数据存到全局的data中，也就是app.js的data中，这样所有的页面都能取到这些数据。
但我们并不推荐这样的用法，就如同我们不推荐使用全局变量都一样。
第二种是将数据带在url路径后作为参数传导：
这样的做法在传输复杂数据的时候并不是太合适。
第三种则是使用本地存储，在需要的页面再将其取出就可以了：
// 存储
wx.setStorageSync(city, {});
// 取出
wx.getStorageSync(city);
这样就完成了我们的第一个上手小页面的开发
获取实战经验，自信赢取职位
微信小程序入门开发教程 详解
注册小程序账号
进入微信公众平台
点击立即注册
选择小程序
填写信息注册即可
绑定开发者
进入“设置-开发设置”，获取AppID信息。
下载微信web开发者工具
点击小程序后的查看详情
选择开发者工具
下载对应系统版本的应用程序
安装开发工具
编写小程序实例
打开工具点击小程序项目
填写相应信息，点击确定
实例目录结构
app.js是小程序的脚本代码（必须），可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的丰富的 API。
app.json是对整个小程序的全局配置（必须），用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中，且pages中的第一个页面是小程序的首页。
app.wxss是整个小程序的公共样式表（非必须）。
index.js 是页面的脚本文件（必须），在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。
index.wxml是页面结构文件（必须）。
index.wxss是页面样式表文件（非必须），当有页面样式表时，页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。
在编辑配置好后点击真机调试
1手机微信扫描二维码
1自动弹出调试窗口，通过真机调试能够更好的测试小程序
微信小程序怎么开发自己的小程序 如何做自己的微信小程序
打开登录码元素平台,点击添加小程序商城。
点击在营销中心的DIY界面,在模板板块选择自己所喜欢的模板进行编辑。
在装修首页可以加首页标题设置背景,根据自己的需要加减基础组件。
编辑好之后就可以点击商品管理界面,进行商品编辑,提交材料等,完成之后就可以点击一键发布,等待官方审核,审核完就可以拥有自己的小程序商城啦!
|微信小程序开发入门
如何做自己的微信小程序 微信小程序入门开发教程 微信小程序开发入门 微信小程序怎么开发自己的小程序 详解