个人小程序应用开发指南

个人小程序应用开发指南

小程序依附于各大平台，支付宝、微信、头条、百度等小程序，都是在平台上进行开发，平台提供对应的技术支持和用户环境。对于个人开发者，这个还是蛮方便的，它本身带有流量属性，易于传播。

便捷开发

最近在弄自己的小程序，所以整一篇文章总结一下。如果你已经开发过小程序，这篇文章可以不用看了。

小程序开发相当的便捷，配合官方文档，微信小程序文档、支付宝小程序文档，即可在本地运行起来，如果只是单纯的展示，那只需要开发完之后上传，等待审核了。只需要一点前端基础，就可开发一个自己的小程序，有想法的同学可以行动起来。

如果在开发中出现问题，也可以在小程序社区求助，微信小程序社区。

不是在给官方推广。如果你希望开发属于自己的应用，小程序是一个可以快速入手的方案，便捷开发，快速发布，自带传播功能。下面我选中微信小程序讲解。

微信原生小程序开发

|—— component 组件目录|—— pages page页面目录| ......more dir | |—— index index页面| | |—— index.js index.js- js逻辑文件 | | |—— index.json index.json- json配置文件| | |—— index.wxml index.wxml- wxml页面结构| | |—— index.wxss index.wxss- wxss页面样式|—— app.js 全局js文件|—— app.json 全局json配置文件|—— app.wxss 全局样式文件|—— project.config.json 项目配置|—— sitemap.json 爬虫文件-

将项目导入到小程序开发工具中，就可以开始开发了。添加页面，直接在pages目录添加新的文件目录。具体细节参考微信小程序文档

语法支持：

目前最新版本库已经 支持Es6 / Es7，async/await 和 Promise；开发工具会将代码转换成Es5 语法，保证各种机型的样式适配；部分语法类似于vue和react；

组件支持：

提供 template 模板支持, 微信小程序 template模版；Component自定义组件支持，组件内部存在生命周期, Component自定义组件；

API支持：

可以调用封装过的系统原生方法，比如蓝牙、网络信息、扫码等API方法；常规的方法如：Storage、Reqeuest、Animation、Canvas等，更多可以查看微信小程序 API；

除小程序原生开发外，当然也可以使用框架了，我个人觉得 Taro框架不错，支持多端小程序开发

Taro开发

Taro开发文档，Taro 支持多端开发，包括微信/百度/支付宝/头条小程序、H5、React-Native，目前我只使用开发过微信小程序和支付宝小程序、H5，其他的还没有尝试过。

|—— config 开发配置文件|—— dist 目标文件目录|—— src 开发目录| |—— actions redux action文件| |—— constants 常量文件| |—— pages page页面目录 ......more dir| | |—— index| | | |—— index.scss| | | |—— index.txs| |—— reducers redux reducers文件| |—— store redux store文件| |—— app.scss app全局样式| |—— app.tsx app全局js| |—— index.html html文件|—— .editorconfig editor配置文件 |—— .eslintrc eslint配置文件|—— global.d.ts global配置|—— tsconfig.json ts配置文件|—— package.json|—— project.config.json|—— readme.md-

语法支持：

ts 语法支持；React语法规范；支持使用 CSS 预编译器；Es6/Es7 语法支持，如果需要更新的语法，可以在配置config配置；

组件支持：

react组件式开发，不过最后还是会编译成原生小程序；

npm包：

支持使用 npm/yarn 管理；可以使用 Redux 进行状态管理；

API：

对小程序API、H5 API进行一次封装，更加方便；

react + ts + npm包，基本就是前端开发正常节奏。不论你开发的那个小程序，只需要运行对应的命令，同时，将dist目录文件导入到开发工具中，即可看见效果。

taro和原生小程序

原生小程序：上手快，对于接触过前端开发的同学，可以马上上手，基本不存在技术壁垒。面向微信小程序文档编程。

Taro开发：react语法规范，react组件开发，ts语法支持，支持redux。对于react有偏好的同学，强烈推荐。如果你喜欢react，建议使用Taro开发。(易于团队协作)。

小程序开发问题

微信小程序 不可以使用cookie

微信小程序 非HTTPS的域名不被支持

微信小程序 分享API是同步操作，同时回调成功失败被无法监听

微信小程序 wx.setStorageSync和wx.getStorageSync的API会频繁报错

微信小程序 setData数据的1M限制，通过数据数据拆分可以解决

微信小程序 主包的限制2M，导致无法引入过多的外部文件（使用Taro会依赖npm包）

微信小程序 微信开发工具占用CPU过高，导致电脑卡顿

当然问题肯定不止这些，还有微信小程序原生组件、API、官方插件等问题，这里不一一细讲了，对于想做自己小程序的同学，这些基本够用。

不过可能会有人问，框架不是还没有讲嘛？其实使用Tora开发小程序，你只是在使用不同的语法，在编写小程序，最后，命令工具都会将文件转换成原生小程序的文件格式。

个人应用

不论你使用哪一种方式，开发你的个人应用，最后都会回归到产品本身上。通过技术完成自己心目中的个人应用，将应用提供给用户，这个才是终极目标。（技术只是手段，产品才是目标）不过我个人使用Taro开发，算是尝尝鲜。

废话不多说，希望个人项目源码可以帮助到大家

github: wxSapp 个人小程序源码

推荐教程：《微信小程序》

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。