小程序开发入坑之旅

本篇文章并不会彻底从开发的角度描述如何开发一个小程序，毕竟官方的文档已经很齐全了 戳这里看官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/。

本文会从如何快速上线一个小程序的角度来进行阐述。主要分文如下几个方面。

• 从零开始构建一个小程序
• 小程序测试、上线
• 小程序开发、上线过程当中常见问题
• 使用第三方快速构建小程序。
• 使用wepy构建小程序

从零开始构建一个小程序

这一步基本要靠官方文档，并且文档很全面，主要分为四个步骤。

• 注册小程序
• 小程序基本框架
• 外部api

注册小程序

登陆小程序后台注册一个小程序，注册完毕后，记录下APPID，并配置记录下后台接口服务的域名，服务器域名及小程序的后台服务，小程序是一个先后台高度分离的项目，全部数据除了调用第三方（主要是微信提供的api）的接口外就是调用本身业务系统的接口了。这里配置的就是本身业务系统接口地址。

下载小程序开发工具，新建项目，而且录入刚才的APPID，另外小程序要求后台接口服务器域名必须是https服务，若是开发工程中暂时未申请好https证书也没问题，能够在小程序开发工具设置“不校验安全域名、TLS版本及HTTPS证书”。

具体，参考官方文档：https://mp.weixin.qq.com/debug/wxadoc/dev/

小程序基本框架

这方面信息官方文档也有详细介绍：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html。 这里简单说明下：小程序开发的基本模式。

• 全局配置：

  • 首先有个app.json配置了系统的全局参数，包括但不限于：
    • pages，小程序包含的全部页面路径
    • window，小程序窗口基本样式
    • tabBar：小程序的主导航菜单（可选配，不配置的话顶部或者底部就没有菜单）。
    • 其余配置，还有其余一些选配选项，这里不一一赘述
  • app.js 小程序的全局生命周期相关动做能够在此编写，好比小程序初次启动的时候、销毁时等要作的事情能够在这个js中编写。
  • app.wxss 小程序的全局样式，至关于html中的公共样式文件，全部页面都引用该样式文件。

• 各页面开发 官方规范小程序页面包含wxml,wxss,js三个文件，分别对应：页面、样式、js（业务逻辑）。固然你也能够将全部内容都卸载wxml中经过style和script引入样式和js，只是不建议这么作，页面复杂的时候不方便维护。

小程序测试、上线

小程序测试

小程序开发工具自己自带了预览功能，开发工程中能够实时看到页面效果，也能够经过“预览”按钮生成的小程序码，用微信扫描预览小程序。 测试过程当中充分利用小程序的控制台，能够很方便的作调试。

小程序上线

小程序上线过程自己很简单，在小程序开发工具上点击“上传”按钮就会将小程序上传到小程序管理后台；而后登陆小程序管理后台进行发布版本便可，剩下的就交给微信团队审核了通常须要3-5天，节假日顺延。

小程序开发、上线过程常见问题

开发过程的问题

• 开发过程当中可能涉及后台接口的调整为了不频繁调整、上线后台服务，能够在开发过程当中将接口地址设置为本地，而且取消开发工具的https验证，这样能够提升开发调试效率。
• 对于不一样屏幕的适配，在开发过程当中，对于同一个页面应常常针对不一样手机类型模拟器进行全面测试，开发工具提供了不一样手机类型模拟器，很方便的测试。
• 也许常常会遇到一些新增的页面连接没有效果或者打不开，不用急，检查下app.json中的pages配置，也许你忘了将新增的页面配置到pages中了。（嗯，没错，说的就是我本身 ~捂脸~）

上线问题

刚才说了上线过程自己并不复杂，可是要注意小程序的名称、描述和小程序中涵盖的内容，目前小程序审核很是严格，要避免被打回来，好比下面常见打回状况。

• 我的账号的小程序不能包含：新闻、论坛、社区、招聘等字样
• 小程序的类目选择不当
• 小程序中不要放不完善或者体验的功能，好比连接打不开、音乐、视频播放不了，图片加载不了、服务接口响应太慢。

关于常见问题后续开发过程当中遇到了再补充完善。

使用第三方快速构建小程序

其实上线一个小程序不少时候不须要本身开发，彻底可使用第三方的服务网上还有不少其余的第三方小程序生成器，目前我只试用太轻芒小程序+，体验还不错；后期试了其余家的再补充。

使用wepy构建小程序

最后，隆重推荐wepy，wepy是一个小程序的组件化开发框架，更贴近于目前有MVVM框架开发模式。使用它开发过程能够抛弃微信官方的小程序开发工具，只是在测试预览的时候使用它。 并且后期代码移植为h5也比较方便。并且wepy是微信官方出品，不用担忧支持问题，具体使用方式这里不赘述，能够查看其官方文档：https://tencent.github.io/wepy/