微信小程序开发小结

引言

开发微信小程序也有一段时间了，从之前的懵懂无知到逐渐的入门。故此，写一篇学习小结来记录自己的学习轨迹。大家都知道微信小程序的开发文档写的很详细，但是文档那么多，要想快速入门又不知从何看起，所以此文主要是为了引导读者该如何去看文档并辅以简单的说明，使得能够快速的能够上手小程序。

1 申请微信小程序

1.1 注册微信小程序

相关文档

访问微信公众平台，在主页面上找到立即注册，然后按流程进行注册即可，在信息登记页面中填写个人（公司）主体。

需要注意的是：注册用的邮箱不能与别的小程序、公众号或者开放平台注册的账号重复。

1.2 快速注册以公司为主体的微信小程序

*前提是得有一个公司主体的微信公众号。

1. 进入公众号管理后台首页，选择「小程序管理」
2. 进入页面后点击「快速注册并认证小程序」
3. 在快速创建小程序流程说明下，选择「快速创建」
4. 绑定小程序管理员，可以与公众号管理员一致。小程序管理员就是以后负责运营该小程序的人
5. 复用资质，也就是说在这一步你可以选择授权给公众号管理员，让他同时作为小程序的管理员，同时，已通过认证的公众号可以将微信认证资质同步给小程序，免去了小程序「微信认证」的步骤。
6. 最后，填写账号信息，并且激活账号即可。

1.3 登陆小程序公众平台

• 账户和密码即注册时的帐密。每次登陆都需要管理员进行扫码，后续管理员也可以给别的开发法人员设置登陆权限.
• 开发管理：开发版本、审核版本、在线版本。开发版本：用于测试开发。审核版本：表示此版本正在审核。上线版本：表示此版本已上线。相关文档
• 用户身份，相关文档
• 微信支付,相关文档。想要申请微信支付功能，请自行查询别的文档，涉及到支付就会很简单啦。。。
• 设置：常用的有基本设置、开发设置。基本设置主要是一些基本信息。开发设置里，可以重置appserect、设置服务器域名和业务域名。

2 建立第一个小程序

2.1小程序开发指南

小程序的开发文档写的挺详细的，我们可以根据开发文档来建立第一个小程序。
相关文档

2.2 小程序文件目录

2.2.1 pages文件夹，用于存放页面文件

1. 每个页面代码构成:每个页面主要有xxx.wxml,xxx.wxss,xxx.js,xxx.json构成。相关文档
2. xxx.js中的页面 Page
3. 生命周期回调函数。相关文档

2.2.2 util文件夹，用于存放一些工具类

2.2.3 app.xxx之类的文件.我称之为全局文件，意思是里面对应的信息在所有页面是共享的。尤其在所有的js文件中都可以共享app.js数据。

2.2.4 project.config.json。此文件为小程序的配置文件，一般我们不对其进行编辑。

2.3 数据绑定与定义事件

2.3.1 数据绑定

相关文档

在此多说一句，如果在事件中需要更新页面数据，可用以下函数

this.setData({
    value:value
})

要想获取页面中的数据可以通过this.data.value来获取

2.3.2 定义事件

相关文档

2.4 页面路由

相关文档
主要有以下4个：

//打开新页面
wx.navigateTo({
  url: '../logs/logs'
})
//页面重定向
wx.redirectTo({
  url: '../logs/logs'
})
//切换tab页面
wx.switchTab({
  url: '../logs/logs'
})
//重启动
wx.reLaunch({
  url: '../logs/logs'
})

3 审核与发布

3.1 利用工具上传代码

相关文档

3.2 在微信公众中进行审核与发布

相关文档